Html 使用ionic2中的单选按钮启用输入字段

我是新来的离子2，我找不到一个合适的解决方案。我有两个单选按钮在我的注册表格。我需要根据单击的单选按钮启用两个输入字段。如果单击单选按钮1，则应启用输入字段1

单选按钮

<div radio-group formGroupName="church">
<label>Church</label>
<div>
  <label>CGT</label>
  <ion-radio value="cgt" ></ion-radio>
  <label>Other church</label>
  <ion-radio value="noncgt"></ion-radio>
</div>
</div>
<div>

教堂
CGT
其他教会

输入字段

<div>
      <label>CGT member ID </label>
      <input formControlName="cgtMemberID" type="text" disabled="true">
      <small [hidden]="myForm.controls.cgtMemberID.valid || (myForm.controls.cgtMemberID.pristine && !submitted)">
    member ID required .
    </small>
    </div>

    <div>
      <label>Church Name </label>
      <input formControlName="churchName" type="text" disabled="true">
      <small [hidden]="myForm.controls.churchName.valid || (myForm.controls.churchName.pristine && !submitted)">
      Church name required .
      </small>
    </div>

CGT成员ID
需要成员ID。
教名
需要教会名称。

我想你需要这个：

1-在html中：

<div radio-group>
    <label>Church</label>
    <div>
        <label>CGT</label>
        <ion-radio value="cgt" (ionSelect)="radio_select('cgt')"></ion-radio>
        <label>Other church</label>
        <ion-radio value="noncgt" (ionSelect)="radio_select('noncgt')"></ion-radio>
    </div>
</div>
<div>
    <label>CGT member ID </label>
    <input type="text" [disabled]="cgt">
</div>
<div>
    <label>Church Name </label>
    <input type="text" [disabled]="cn">
</div>

---

您还可以添加表单逻辑。

执行反向逻辑：运行时错误co.radio\u选择不是一个函数我收到了这个错误我重建了整个代码，现在它可以工作了。非常感谢。

cgt: boolean = true;
cn: boolean = true;
radio_select(value) {
  if (value == 'cgt') {
    this.cgt = false;
    this.cn = true;
  } else if (value == 'noncgt') {
    this.cgt = true;
    this.cn = false;
  }
}