Question

我的项目在Angular 9中，并且我使用的是反应形式，我的表格中有Angular Material单选按钮组（mat-radio-button），我检查了默认值，并且我的表格中不需要Radio控件，因为我选择了默认值。现在，我的表单将验证单选按钮，我必须选择一个选项，如果不选择单选选项，为什么我的表单无效，我的保存按钮仍保持禁用状态。

component.ts

      this.myform= this._formBuilder.group({
  TaskName: ['', Validators.required],
  Schedule: ['', null],

});

component.html：

  <mat-radio-group aria-labelledby="theschedule" formControlName="Schedule" >
     <mat-radio-button (change)="radioChange($event);"  id="{{item.Name}}"  *ngFor="let item of sType" [value]="item.ID" [checked]="item.ID === 1" >
                                {{item.Name}} 
     </mat-radio-button>
  </mat-radio-group>

 <button mat-raised-button color="primary" type="submit" [disabled]="!myform.form.valid" >Save</button>

Answer 1

我认为应该是[disabled]="!myForm.valid"而不是[disabled]="!myform.form.valid"

默认选择角材料单选按钮，不验证表格

1 个答案: