0

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

组件.ts

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

});

组件.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>
4

1 回答 1

0

我认为应该[disabled]="!myForm.valid"代替[disabled]="!myform.form.valid"

于 2020-07-11T23:24:24.033 回答