Question

根据angular / material2 site，可以使用npm install @angular2-material/checkbox等命令安装组件包。

当我使用此命令时，@ angular2-material / 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。

为了使用它，＆＃34;假设你有SystemJS作为你的模块加载器，这是默认的＆＃34;。在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';

使用Angular2的Material Design包

1 个答案: