web-dev-qa-db-ja.com

Angular 2つのラジオボタンイベント

ラジオボタンが選択または選択解除されている場合、Angular 2で呼び出されるイベントは何ですか。

何かのようなもの

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

したがって、グループ内の1つのラジオボタンをクリックすると、新しい選択に対してselected()が、前の選択に対してunselected()が起動します。

javascripthtmlcssdomangular
16
Tuomas Toivonen

できます、

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

  }
29
Edmond Wang

入力の代わりに、クリックイベントをラベルに割り当てると機能します。

4
edu

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