Несколько полей пользовательского интерфейса чипа материала - PullRequest
Новая
       98

Несколько полей пользовательского интерфейса чипа материала

0 голосов
/ 07 августа 2020

У меня есть одно поле ввода в div, где I l oop с несколькими данными. Когда я применил материал Chip UI в angular, он автоматически переопределен для разных полей. Предоставлю код для проверки !! 

<div *ngFor="let column of table.columns">
        <p><strong><u>{{column.name}}</u></strong></p>
        <div class="row">
          <div class="col-md-3" *ngFor="let key of column.keys; let i=index">
            <mat-form-field class="input">
              <mat-chip-list #taglist>

                <mat-chip selected color="primary" *ngFor="let Tag of Tags" [selectable]="selectable"
                  [removable]="removable" (removed)="remove(Tag)">
                  {{Tag}}

                  <mat-icon matChipRemove *ngIf="removable">cancel
                  </mat-icon>
                </mat-chip>
                <input placeholder="{{key}}" [matChipInputFor]="taglist"
                  [matChipInputSeparatorKeyCodes]="separatorKeysCodes" (matChipInputTokenEnd)="add($event)" />
              </mat-chip-list>
            </mat-form-field>
          </div>
        </div>
      </div>
...