angular5 - mat-select 所需的验证不起作用

Question

我有以下代码

<form #createForm="ngForm">
 <mat-form-field>
   <mat-select placeholder="Favorite food"
      matInput
     [ngModel]
     food="food"
     #food="ngModel" required>
    <mat-option *ngFor="let food of foods" [value]="food.value">
      {{ food.viewValue }}
    </mat-option>
   </mat-select>
</mat-form-field>
</form>
<button [disabled]="!createForm.valid">submit</button>

由于我希望“选择”是必填字段，因此在呈现表单时应该禁用“提交”按钮。但是，显示表单时会启用“提交”按钮。问题是什么？

Answer 1

当我 (a) 使用 name 时，这对我有用属性和 (b) 使用双向 ngModel绑定(bind)语法。

即代替这个
<mat-select placeholder="Favorite food" matInput [ngModel] food="food" #food="ngModel" required>
用这个:
<mat-select name="food" placeholder="Favorite food" [(ngModel)]="food" required>