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

Answer 3

当您将点击事件分配给标签而不是输入时，它会起作用。