Question

以下是我的编辑表单的代码

<IntlProvider locale={this.state.locale} messages={this.state.messages}>
[...]

如何验证此单选按钮，以便在我将单选按钮从男性更改为女性时启用提交按钮，反之亦然，因为这是我的编辑表单。

Answer 1

Html代码。

<form [formGroup]="radioTest">
  <input type="radio" name="gender" value='Male' formControlName="gender" [(ngModel)]='gender'>Male
  <input type="radio" name='gender' value='Female' formControlName="gender" [(ngModel)]='gender'>Female
  <button type="button" [disabled]="radioTest.controls['gender'].invalid">Gender Button</button>
</form>

组件

radioTest: FormGroup;
gender;
constructor(fb: FormBuilder) {
  this.name = 'Angular2'
  this.radioTest = fb.group({
    gender: ['', Validators.required]
  });
}

检查这个plunker

http://plnkr.co/edit/mWhYtc2nf8hSHFbLWlEx?p=preview

更多引用here

Answer 2

只需将默认值存储在变量中并放入

[禁用] =＆＃34; defaultValue == currentModelValue＆＃34;

按钮上的条件

如何启用提交按钮onchange单选按钮

2 个答案: