angular - Md-chip-list 不是已知元素

标签 angular angular-material2

我一直在尝试在我的项目中插入一些 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 的新手,所以我非常感谢一些帮助。

最佳答案

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

npm install --save @angular/material

在代码中
import { MdChipsModule } from '@angular/material';

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

关于angular - Md-chip-list 不是已知元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44944176/

相关文章:

angular - 如何删除必填字段中的星号并替换 Angular 2+ 和 Angular Material 2 中占位符前的自定义星号

Angular ng-template 用作语法

angular - JHipster:使用标准过滤实体 - 预期的 Angular 客户端方法

angular - 如何在 Angular4 中访问组件的 nativeElement?

ionic-framework - ionic 2 Livereload

javascript - 这段代码如何运行变化检测 Angular ?

angular-material - 垫选择面板最小宽度

javascript - Angular 2 Material Autocomplete - 获取(有效)所选项目

mongodb - Angular 5 + Material 设计 : <mat-select> how to set the default value?

sass - Material 2 中的自定义主题返回 : Argument `$map` of `map-get($map, $key)` must be a map