Can't bind to 'nodes' since it isn't a known property of 'kendo-treeview'

[mark]

Not sure what that error means. Here is my tree definition:

<kendo-treeview
        textField="text"
        [nodes]="data"
        kendoTreeViewExpandable
        kendoTreeViewSelectable
        kendoTreeViewHierarchyBinding
        childrenField="items"
    >
</kendo-treeview>

And here is one from the Doc:

kendo-treeview
        [nodes]="data"
        textField="text"
        kendoTreeViewExpandable
        kendoTreeViewSelectable
        kendoTreeViewHierarchyBinding
        childrenField="items"
    >
    </kendo-treeview>

 

Trying very hard to see a difference.

 

Thanks

[Martin]

Hi Mark,

Thank you for the provided details.

Indeed the markup looks valid. Typically such an error appears when the TreeViewModule is not imported in the root or feature module (in StackBlitz is app.module.ts):

...
import { TreeViewModule } from '@progress/kendo-angular-treeview';


@NgModule({
  bootstrap:    [ AppComponent ],
  declarations: [ AppComponent ],
  imports:      [ BrowserModule, BrowserAnimationsModule, TreeViewModule]
})
export class AppModule { }

https://stackblitz.com/edit/angular-6wdsst?file=app/app.component.ts

Let me know how it goes.

Regards,
Martin
Progress Telerik

[Mark]

Yes, that was the problem. I am creating a wrapper but I wasn't importing it into the feature module. On a similar note, in the component ts file of the treeview wrapper how can I access native methods/events/properties of the treeview control?

Thanks

[Martin]

Hi Mark,

I noticed that my colleague answer a similar question in ticket 1464462 here:

https://www.telerik.com/forums/creating-a-component-wrapper

Please check the forum thread and if any further assistance is required, do not hesitate to write back.

Regards,
Martin
Progress Telerik