17 lines
837 B
HTML
17 lines
837 B
HTML
<mat-form-field class="w-100">
|
|
<mat-label>{{'DESCRIPTION-EDITOR.BASE-INFO.FIELDS.TAGS' | translate}}</mat-label>
|
|
<mat-chip-grid #chipGrid>
|
|
<mat-chip-row *ngFor="let tag of tags" (removed)="remove(tag)">
|
|
{{tag}}
|
|
<button matChipRemove>
|
|
<mat-icon>cancel</mat-icon>
|
|
</button>
|
|
</mat-chip-row>
|
|
</mat-chip-grid>
|
|
<input placeholder="{{'DESCRIPTION-EDITOR.BASE-INFO.FIELDS.TAGS-PLACEHOLDER' | translate}}" #tagInput [formControl]="form" [matChipInputFor]="chipGrid" [matAutocomplete]="auto" [matChipInputSeparatorKeyCodes]="separatorKeysCodes" (matChipInputTokenEnd)="add($event)" [readOnly]="form.disabled"/>
|
|
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)">
|
|
<mat-option *ngFor="let tag of filteredTags | async" [value]="tag">
|
|
{{tag}}
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
</mat-form-field> |