2016-05-31 3 views
3

Что представляют собой события, вызываемые в Угловом 2, когда радиокнопка выбрана или не выбрана.События радиосвязи с угловым 2

Что-то вроде

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

Так что, когда я нажимаю кнопку один радио в группе, он будет срабатывать selected() для нового выбора и unselected() для предыдущего выбора.

ответ

8

Он работает,

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

    } 
+0

Вы знаете, как проверить, от случая к состояние кнопки? –

+0

@Tuomas, отредактировал ответ. –

0

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); 
     } 
Смежные вопросы