Question

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

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

...obj[x.replace(':','')])

在boot.ts中

。

错误很多，主要是下面的变体，以及d.ts文件中的所有错误

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

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

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

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

Answer 1

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

假设您正在使用systemjs，

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

e.g：

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导入相应的角度模块 e.g：

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

   @NgModule({
    imports: [
        ButtonsModule
    ],

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

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

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

1 个答案: