Angular 2,(change) event not firing on bootstrap checkbox

Question

i have an issue, (change) function is not firing in that checkbox.

 <input [(ngModel)]="driver.glasses" name="glasses" type="checkbox" class="make-switch"
   (change)="changeFuntion()"  data-on-color="primary" data-off-color="info">

But in this one it works

    <input [(ngModel)]="driver.glasses" name="glasses" type="checkbox" 
   (change)="changeFuntion()"  data-on-color="primary" data-off-color="info">

I have noticed that class="make-switch" is the problem, because in the first checkbox with that class, (change) don´t work. How I can solve this, I need to apply class="make-switch" to make switch checkbox.

when you are using [(ngModel)] go with ng model change (ngModelChange)="onChange($event)" — Rahul Singh
– Rahul Singh, Commented Jul 21, 2017 at 5:26
make-switch class does input toggle, and it doesn´t have events. — Alexander Orbes
– Alexander Orbes, Commented Jul 21, 2017 at 5:31

Elvin Garibzade · Accepted Answer · 2017-07-21 06:03:05Z

2

You can use ngModelChange like this :

This is your component.ts

checkboxValue: any;

changeEvent(event: any) {
    console.log(event);
  }

<input type="checkbox" [ngModel]="checkboxValue" (ngModelChange)="changeEvent($event)" data-md-icheck/>

answered Jul 21, 2017 at 6:03

Elvin Garibzade

4954 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

The Hungry Dictator Over a year ago

Please check the comment over the question. That he has already tried with ngModelChange but that does not work.

Elvin Garibzade Over a year ago

code example does not exist in comment , that is why i posted that

The Hungry Dictator Over a year ago

But that is not the correct answer right? As questioner has already mentioned it. He doesn't need code example here. He need solution. And this answer does not provide any.

Elvin Garibzade Over a year ago

my answer is correct and it works everywhere, if he tries that and that does not work , it means problem is not relating to change event

The Hungry Dictator Over a year ago

My friend check question properly. Check the scenario when it is not working. I know this works for you but for his scenario with class which he has mentioned is not the proper answer.

|

Collectives™ on Stack Overflow

Angular 2,(change) event not firing on bootstrap checkbox

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related