我正在寻找 Angular 的特定组件,其工作方式与 Bootstrap Tags Input 类似。
谁能帮我找到一个开箱即用的组件或提供一些实现示例?我需要它用于 Angular 4
最佳答案
TL;DR 在 Angular 中,这种类型的组件被命名为 chip。更改您的关键字,您会发现更好的结果。
有很多方法可以达到它,最常见的是通过 Angular Material。
首先,按照 official tutorial 在您的项目中安装 Angular Material .幸运的是,它写得很好,我认为您不会遇到问题。
然后,在要查看标签的组件中导入MatChipsModule,方法如下:
import {MatChipsModule} from '@angular/material';
最后您可以在模板中使用该组件:
<mat-chip-list>
<mat-chip *ngFor="let i of items" [selectable]="selectable"
[removable]="removable" (remove)="remove(i)">
{{i.tagName}}
<mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
</mat-chip>
</mat-chip-list>
关于angular - Angular 是否有标签输入组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46610493/