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

[chris]

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 data: [];
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 = ['']
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 {}

[Dimiter Topalov]

Hello Chris,

Please make sure to import the DropDownsModule in the same module where the dropdown components are used and declared (in the discussed scenario the DropDownsModule needs to be imported in the module where the OverviewComponent is declared and used).

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik