尚无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] ... })