Kendo UI + Angular 2 - 问题包括在项目中

Question

只是试图将最简单的 Kendo UI 组件包含到我的 Angular 2 应用程序（使用 Webpack）中，我遇到了 Can't bind to 'primary' since it isn't a known property of 'button'.

我将它导入到 AppModule 中

import { ButtonsModule } from '@progress/kendo-angular-buttons';

然后

imports: [
    BrowserModule,
    routing,
    FormsModule,
    HttpModule,
    ButtonsModule,
    SharedModule.forRoot(),
    ...

即使在某种 vendor.ts 文件中注册 Webpack 也不会改变任何事情。 files/module 本身正在加载到应用程序中，所以我知道该指令至少已声明。我看到他们在他们的网站上提供的 plunkr 工作得很好，我已经包含了所有按钮的依赖项。

有什么想法吗？ Angular v 2.4.8 我使用的按钮指令版本是 0.20.1

Answer 1

已通过将 ButtonsModule 模块导入 CommonModule 进行修复，以便与其他模块共享。我试图在其中使用 Kendo 按钮的组件是一个延迟加载的模块，因此它有自己的模块，只为应用程序导入了 Shared/common 模块。

在 SharedModule 上添加 ButtonsModule 导入并导出它解决了我的问题，因为它随处共享。