A Runtime Error Occurs When Loading a Kendo UI for Angular Component

Environment

Description

When I load a Kendo UI component for Angular a runtime error occurs, similar to:

Can't bind to '[property-name]' since it isn't a known property of 'kendo-[component-name]'

Cause

The reasons for this type of error message can be:

• The Kendo UI component module is not imported in the module where it is declared and intended to be used.
• The Kendo UI component module is not re-exported from a SharedModule which declares the component in which the Kendo UI component for Angular is used.

Solution

Depending on the scenario of your project, use either of the following approaches:

• Import the Kendo UI component module in the same module where it is declared and intended to be used.
• Re-export the Kendo UI component module from [YourCustom]Module, which imports the Kendo UI module for Angular.

For more information on:

• the real use-case scenario, refer to this Telerik forum thread.

• handling Angular modules, refer to the following resources:

  • Official Angular documentation on ngModule.
  • Angular Modules.