Question

我的模板中有一个 MatSelect 和一个 input 表单，如下所示：

    <mat-form-field *ngSwitchCase="data.type === 'T'">
      <mat-select placeholder="">
        <mat-option *ngFor="let value of defaultValueOptions"
                    [value]=""
                    (click)="getUpdatedDefaultValue(value.value, index)"
                    [disabled]="data.type !== value.type">
          <span>{{ value.name }}</span>
        </mat-option>
      </mat-select>
    </mat-form-field>

    <mat-form-field *ngSwitchDefault>
      <input matInput value="{{ data.name }}" (change)="getUpdatedField($event, index)">
    </mat-form-field>

defaultValueOptions是一个对象数组，用于填充 MatSelectOption

this.defaultValueOptions = [
  {value: '%MAPNAME%', name: 'Nom du plan', type: 'T'},
  {value: '%MAPCATEGORYNAME%', name: 'Nom de la catégorie', type: 'T'},
  {value: '%MAPLEVELNAME%', name: 'Nom du niveau', type: 'T'},
  {value: '%DATE%', name: 'Date', type: 'D'}
];

我还有另一个数组，是通过数据库的请求获取的：

data = [
  {'defaultValue': '', 'index': 0, 'name': 'FICHE DE NON CONFORMITE', 'type': 'T'},
  {'defaultValue': '%DATE%', 'index': 1, 'name': '01/01/2019', 'type': 'D'},
  {'defaultValue': '%MAPCATEGORYNAME%', 'index': 2, 'name': 'CHANTIER', 'type': 'T'},
  {'defaultValue': '', 'index': 3, 'name': 'NOM DU TECHNICIEN', 'type': 'T'}
]

此数组的每个对象都将名称填充到输入中。

我想在数据[i]时用this.defaultValueOptions ['名称']填充OPTION值和占位符。 defaultValue === this.defaultValueOptions [' 值']

是否可以使用Angular做到这一点？

自动使用其他值填充服务器中的选择垫选项

0 个答案: