Npm 使用Angular2的材料设计包

根据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归档文件有问题吗？

简言之，没有问题。

checkbox.d.ts

文件不是组件文件。它只是一个

声明文件

。包含该组件的实际文件是

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';

---

我尝试使用@angular2 material/checkbox进行编译，但得到一个“error TS1110:Type expected.”是否有使用声明文件的示例项目？@user934904声明文件通常由IDE使用。为什么“使用@angular2材料/复选框编译”是指从“@angular2材料/复选框”导入{MdCheckbox}”？@user934904我能够生成您提到的问题。它位于

checkbox.d.ts

第22行：

align:'start'|'end'这可能只是一个输入错误，不应阻止文件编译为javascript。