Angular2材料'md-chips'不是一个已知元素

Question

我正在使用@ angular / material 2.0.0-beta.2在Angular2应用程序上工作，并且尝试使用Chips ，但是得到的'md-chips' is not a known element 。 这是我所做的：

component.html：

<md-chips ng-model="keywords" readonly="false" placeholder="Enter a keyword"></md-chips>

module.ts

import { MaterialModule } from '@angular/material';
import 'hammerjs';
...
@NgModule({
imports: [
    productRouting,
    SharedModule,
    Select2Module,
    MaterialModule.forRoot()
],
...

如果我使用其他一些物质成分，例如

<md-toolbar color="primary"><span>GameViewer</span></md-toolbar>

我不会有任何问题，因此，我认为导入物料模块没有问题。

PS我已经读过这些：

• Angular2材料'md-icon'是未知元素
• Angular2材料'md-icon'在Karma / Jasmine中不是已知元素
• Angular2中的材料设计组件“不是已知元素”

Answer 1

对于Material2，组件为md-chip和md-chip-list 。

<md-chip-list>
  <md-chip>Papadum</md-chip>
  <md-chip>Naan</md-chip>
  <md-chip>Dal</md-chip>
</md-chip-list>

这些文档可以在这里找到。