我期待的標籤輸入組件與角4

Question

兼容我在類似的採用了棱角分明4 Bootstrap Tags Input

任何人都可以使用文檔或例如幫助尋找標籤輸入。但是採用了棱角分明4或2 我嘗試了很多，但沒用:(

Answer 1

後，我終於再次並重新搜索我發現這個組件，它與我的作品 它看起來像MatChipsModule那用於具有一些很酷功能的角材料ngx-chips

Answer 2

有很多方法去實現它，最常見的是通過角材料。

首先，安裝角材料項目繼。official tutorial幸運的是，這是寫得很好，我不認爲你將有問題

然後，進口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> 

來源：https://material.angular.io/components/chips/overview