ionic2のラジオボタンで入力フィールドを有効にする

Question

私はイオン2を初めて使用しています。これに対して適切な解決法が見つかりませんでした。申し込みフォームに2つのラジオボタンがあります。私はクリックされたラジオボタンに基づいて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> 

私はあなたがこの必要があると思う

入力フィールド

<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> 

Answer 1

：HTMLで

の1-：

<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> 

2-および.TSでのファイル：

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; 
    } 
} 

フォームロジックを追加することもできます。