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