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

Md-chip-list 不是已知元素

Md-chip-list is not a known element

angular-material2

angular