select中的默认选项,带有反应形式

时间:2019-02-04 11:21:50

标签: html angular typescript angular-reactive-forms

我的选择中有一个选项可以过滤所有结果以及其他选项列表,我可以从列表中设置默认选项,但是不能将第一个mat-option设置为默认选项。我该怎么办?

  <mat-form-field class="col-md-12 p-0 pb-2">
    <mat-select formControlName="carControl">
      <mat-option value="0">(All)</mat-option>
      <mat-option *ngFor="let item of data.filteredListOfCars" [value]="item" ngDefaultControl>
        {{this.codeListService.getNameOfManufacturerById(item.manufacturerId)}} {{item.model}} {{item.ecv}}
      </mat-option>
    </mat-select>
  </mat-form-field>

我正在这样设置默认值

selectValueInControl(){
    this.filterFormGroup.get('statusControl').setValue(0);
} 

1 个答案:

答案 0 :(得分:1)

使用[value]="0"代替value="0"

<mat-option [value]="0">(All)</mat-option>