Kendo-angular: Can't bind to 'data' since it isn't a known property of 'kendo-dropdownlist'.

Created on 14 Jul 2017  路  4Comments  路  Source: telerik/kendo-angular

html
<kendo-dropdownlist class="form-control" [data]="industry" [value]="'1'"></kendo-dropdownlist>

component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'phx-overview',
  templateUrl: 'overview.component.html'
})
export class OverviewComponent implements OnInit {

  public status: any = {
    isOpen: false
  };

  public compound: Array<string> = ["1", "2", "3", "4", "5", "6", "7", "8"];
  public industry: Array<string> = ["1", "2", "3", "4", "5", "6", "7", "8"];
  public technique: Array<string> = ["1", "2", "3", "4", "5", "6", "7", "8"];
  public value = ['1']

  ngOnInit() {}

}

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { Inject, NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule, Http, JsonpModule } from '@angular/http';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

// Import the Animations module
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

// KENDO UI
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';

@NgModule({
  imports: [

    BrowserModule.withServerTransition({appId: 'a'}),
    BrowserAnimationsModule,
    FormsModule,
    HttpModule,
    JsonpModule,
    AppRoutingModule,

    // KENDO UI
    DropDownsModule

  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})

export class AppModule {}

package.json

    "@progress/kendo-angular-dropdowns": "^1.1.2",
    "@progress/kendo-angular-l10n": "^1.0.2",

All 4 comments

Hi @premiumwd

this is not a known issue in the dropdowns package. The problem is most probably related to the set-up of the project that uses the dropdowns package.

I just saw that you opened a support ticket on the same subject, so I suggest to move our conversation in the support channel.

@valchev why did you delete what you posted? I could of used that to troubleshoot my code at least put it somewhere where I can see it. #badidea

@premiumwd we will create a troubleshooting topic in the documentation

Was this page helpful?
0 / 5 - 0 ratings

Related issues

simon11196 picture simon11196  路  3Comments

fgladisch picture fgladisch  路  3Comments

patrykp57 picture patrykp57  路  3Comments

ilianiv picture ilianiv  路  3Comments

ganySA picture ganySA  路  3Comments