Md-chip-list不是已知元素

Question

我一直在尝试在我的项目中插入一些md-chip元素。我得到的只是"md-chip-list不是一个已知的元素“。

HTML

<md-chip-list>
    <md-chip *ngFor="let dependency of externalDependencies" color="primary" class="chip">
        {{dependency.name}}
    </md-chip>
</md-chip-list>

我导入了MdChipsModule，正如我在其他答案中看到的：

import { MdChipsModule } from '@angular/material';

如果我省略了md-chip-list标记，代码就可以工作，但格式不是预期的格式。我对Angular Material是个新手，所以我真的希望能得到一些帮助。

Answer 1

问题是模块未包含在imports中。

npm install --save @angular/material

在代码中

import { MdChipsModule } from '@angular/material';

@NgModule({
  ...
  imports: [MdChipsModule],
  ...
})
export class PizzaPartyAppModule { }

Answer 2

在模块中添加以下代码。

从‘@angular/material/chips’导入{MatChipsModule}；

@NgModule({

..。导入: MatChipsModule ... })