Angular 2單選按鈕事件

Question

當選擇或取消選中單選按鈕時，Angular 2中調用的那些事件是什麼。

喜歡的東西

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

所以，當我一組中單擊一個單選按鈕，它會火selected()爲以前的選擇新的選擇和unselected()。

Answer 1

它的工作原理，

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

    } 

Answer 2

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