Javascript 角度2单选按钮事件

当选择或取消选择单选按钮时，Angular 2中调用的事件是什么

差不多

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

因此，当我单击组中的一个单选按钮时，它将为新选择触发

selected（）

，为上一个选择触发

unselected（）

。

有效

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

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>

---

当您将单击事件指定给标签而不是输入时，它会起作用

无线电列表示例应用程序

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