將材質設計包用於Angular2

Question

根據angular / material2 站點 ，可以使用npm install @angular2-material/checkbox類的命令來安裝組件包。

當我使用此命令時，@ angular2-material / checkbox文件夾沒有用於checkbox元素的checkbox.ts文件。 相反，它具有一個checkbox.d.ts文件，該文件聲明了一個名為MdCheckbox的常規類。 這不是組件，所以我無法在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';