.NET MVC5で動作するようにKendo ui angular 2コンポーネントを取得するには？

Question

私は.NET MVC5（Visual Studio 2015）のAngular 2を使用していますが、この質問のために剣道の角2のコンポーネント、特に剣道のボタンを組み込むのは非常に難しいです。コンパイルし、実行スケルトン角度2溶液が、休憩私はboot.ts.に

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

のコメントを外したときに - https://github.com/eithneh/KendoAngular2 -

私はここにアップロードしました私は似たから多くの提案の解決策を試してみた

のエラーは、ほとんどのバリエーション以下に、複数あり、かつ TS1005「=」「読み取り専用」d.tsファイル

TS2300重複識別子内のすべてのは

を期待しましたtsconfig.jsonではtypescriptバージョンと@angularバージョンを使用しています（同様のシナリオでは、オンラインアドバイスごとにd.tsファイルがコンパイルされないようにしようとしています）。

私の出発点はここにあるhttp://www.telerik.com/kendo-angular-ui/getting-started/の角度2のプロジェクトを作成して、剣道UIを使った角度cli（.NETではなく）を作成することでした。それはうまくいきました。そしてpackages.json、tsconfig.json、appの関連するビットをコピーしました。そこからts。

.NET MVC5で角度2の剣道UIをあきらめていいですか？誰かが私が間違ってやっていることを教えてもらえますか、または動作するサンプルプロジェクトを教えてください。

Answer 1

.NET MVC 5アプリケーションで角度2コンポーネントの剣道UIを使用することができます。

あなたがsystemjsを使用していると仮定すると、

まず、あなたのsystemjs.config.jsが適切なnode_modulesパスに@progress依存性をマッピングするには、パッケージ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：あなたは今、そのテンプレートのコンポーネントを想定して、あなたのそれぞれのテンプレートで剣道ボタンを実装することができるはず

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

    @NgModule({ 
    imports: [ 
     ButtonsModule 
    ], 

正しく宣言されています。

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