Angular2のマテリアルデザインパッケージを使用

Question

角度/マテリアル2 siteによれば、コンポーネントパッケージはnpm install @angular2-material/checkboxのようなコマンドでインストールできます。

このコマンドを使用すると、@ angular2-material/checkboxフォルダには、checkbox要素のcheckbox.tsファイルがありません。代わりに、MdCheckboxという名前の通常のクラスを宣言するcheckbox.d.tsファイルがあります。これはコンポーネントではないので、Angular2テンプレートではアクセスできません。

完全なangular/material2アーカイブをダウンロードすると、srcフォルダにはcheckbox.tsが含まれており、MdCheckboxをコンポーネントとして定義しています。だから、npmパッケージやGitHubアーカイブに問題はありますか？

Answer 1

要するに、問題はありません。 checkbox.d.tsファイルはコンポーネントファイルではありません。それはちょうどdeclaration fileです。コンポーネントを持つ実際のファイルはcheckbox.jsです。既にjavascriptに変換されています。

「モジュールローダーとしてSystemJSがあると仮定すると、これがデフォルトです」。あなたのindex.htmlで

System.config({ 
    map:{ 
     '@angular2-material/checkbox':'node_modules/@angular2-material/checkbox' 
    }, 
    packages: { 
     '@angular2-material/checkbox': { 
     format: 'cjs', 
     defaultExtension: 'js', 
     main: 'checkbox.js' 
     }, 
     app:{...} 
    } 
    }); 

そして、あなたのコンポーネントで：

import {MdCheckbox} from '@angular2-material/checkbox';