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

2 posts, 0 answers
  1. chris
    chris avatar
    1 posts
    Member since:
    Jul 2017

    Posted 14 Jul Link to this post

    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 {}

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    628 posts

    Posted 17 Jul Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top