当值为数字时，不显示 mat-select 值

Question

我正在使用这样的垫选择

 <select formControlName="commision" [value]="commision" style="width: 37%"  disableRipple>
  <mat-option value="null" disabled selected>Select Commission</mat-option>
  <mat-option value=0.15>15%</mat-option>
  <mat-option value=0.2>20%</mat-option>
  <mat-option value=0.3>30%</mat-option>
</mat-select>

我希望根据表单中创建的佣金值来选择并显示所选值commision: [this.data.element.commision, Validators.required],

但无论我做什么，该值都不会显示，所以 select 是否不将数字作为值？或者我可以做什么才能让它发挥作用。

Answer 1

这是因为您将值错误地传递给了 mat-option。相反value=0.15，你应该这样做[value]=0.15 。

\n

还使用 ngModel 而不是[value] 在 mat-select 中。<mat-select [(ngModel)]="commission">
\n编辑：注意到你\xe2\x80\x99re使用formControlName，所以不需要使用ngModel，你可以摆脱[value]

\n