如何让Kendo ui angular 2组件在.NET MVC5中运行？

Question

我正在使用Angular 2的.NET MVC5（Visual Studio 2015），并且为了这个问题，我们非常努力地使用了kendo angular 2组件，特别是kendo-angular-buttons。

我上传到这里 - https://github.com/eithneh/KendoAngular2 - 一个编译和运行的骨架角度2解决方案，但是当我取消注释时会中断

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

在boot.ts.

错误是多个，主要是下面的变化，都在d.ts文件中

TS2300重复标识符'readonly'TS1005'='预期

我尝试了许多类似问题的建议解决方案，主要是在使用打字稿版本和@angular版本，并在tsconfig.json中排除（试图阻止d.ts文件按照类似方案的在线建议进行编译）。

我的出发点是遵循http://www.telerik.com/kendo-angular-ui/getting-started/的指示，通过使用kendo ui的角度cli（不是.NET）创建角度2项目，工作正常，我然后从那里复制packages.json，tsconfig.json和app.ts的相关位。

我应该放弃.NET MVC5中的角度2 Kendo UI吗？ 任何人都可以告诉我，我做错了，或者指出任何有效的示例项目？

Answer 1

您可以在.Net MVC 5应用程序中使用Angular 2组件的Kendo UI。

假设您正在使用systemjs，

首先，在您的systemjs.config.js中将@progress依赖关系映射到相应的node_modules路径，然后引用包main.js文件。

例如：

paths: {
            'npm:': "node_modules/"
        },
   map: {
            ...,
            '@progress/kendo-angular-buttons': "npm:@progress/kendo-angular-buttons",
        },
packages: {
            '@progress/kendo-angular-buttons': {
                main: "./dist/npm/js/main.js",
                defaultExtension: "js"
            }

将ButtonsModule导入相应的Angular模块，例如：

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

   @NgModule({
    imports: [
        ButtonsModule
    ],

您现在应该能够在各自的模板中实现一个kendo按钮，假设模板组件被正确声明。

<button kendoButton (click)="onButtonClick()">Default</button>