2016-05-31 3 views
3

ラジオボタンが選択または選択解除されているとき、角度2で呼び出されるイベントは何ですか?角度2のラジオボタンイベント

<input type="radio" (select)="selected()" (unselect)="unselected()" /> 

よう

何か私はグループ内の1つのラジオボタンをクリックしたときので、それは新しい選択のためのselected()を発射し、前の選択のためのunselected()ます。

答えて

8

それは動作しますが、

<input type="radio" (change)="handleChange($event)" /> 

しかし、あなたは '選択' または '未選択' を判断するより多くをコーディングする必要があります。
あなたは* .TSファイルでこれを試してください:

export class Comp { 

    private _prevSelected: any; 

    handleChange(evt) { 
     var target = evt.target; 
     if (target.checked) { 
     doSelected(target); 
     this._prevSelected = target; 
     } else { 
     doUnSelected(this._prevSelected) 
     } 
    } 

    } 
+0

のようなものですボタンの状態? –

+0

@Tuomasは答えを編集しました。 –

0

HTMLは

<div *ngFor = " let displayParameter of displayParameters" >  
    <!-- <li><a href="#">{{displayParameter}}</a></li>  --> 
    <!-- <input type="radio" name="displayParameter" (change) ="handleChange(event)")> --> 
    <h5><input type="radio" name="radiogroup" (change)="handleChange(displayParameter)" [checked]="(idx === 0)" >{{displayParameter}} </h5> 
</div> 

とコードのようなものですが、あなたがイベントから確認する方法を知っています

handleChange(evt){ 
      this.displayParameter = evt; 
     console.log(evt); 
     }