ng-change and ng-click not working in toggle button bootstrap-toggle

Question

ng click or ng-change not working in toggle button. I use toggle-bootstrap package here

<input checked 
       data-toggle="toggle" 
       data-size="small" 
       type="checkbox"
       data-on="16x9" 
       data-off="4x3"
       ng-true-value="'16x9'"
       ng-false-value="'4x3'"
       ng-model="slideMode" 
       ng-change="setSlideMode()">

Angular code

 $scope.slideMode = '16x9';
 $scope.setSlideMode = function(){
        console.log($scope.slideMode);
 };

see there can be so many possibilities for which your might not working so you need to share some working environment with us — Gaurav Aggarwal
– Gaurav Aggarwal, Commented Aug 10, 2016 at 6:12

oguzhan00 · Accepted Answer · 2016-08-10 06:34:41Z

3

you should add ngModel directive to input component:

 <input
    ng-model="check"
   data-toggle="toggle" 
   type="checkbox" 
   ng-change="test()">

than add check variable to your controller

 $scope.check = true;

here is the plunker example: https://plnkr.co/edit/r21V3E4upBNxIm16zakj?p=preview

edited Aug 10, 2016 at 6:34

answered Aug 10, 2016 at 6:25

oguzhan00

5098 silver badges16 bronze badges

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

7 Comments

ismail baig Over a year ago

plunkr not working. neither it shows checkbox nor atleast the name rendered

Gurpreet Singh Over a year ago

add this but stil not working i use bootstap toggle here

oguzhan00 Over a year ago

hey I update plunker, it was my mistake shared wrong url, sorry @ismailbaig

ismail baig Over a year ago

thanks. removing the down-vote and adding the up-vote :)

oguzhan00 Over a year ago

I think you should use ui-bootstrap or twitter bootstrap toggle. Or check this project's issues and make sure that this component can use with angularjs directive synchronously. @GurpreetSingh

|

Sandip - Frontend Developer · Accepted Answer · 2016-08-10 06:16:08Z

2

Set scope value syntax is wrong.

$scope.slideMode = '16x9';

answered Aug 10, 2016 at 6:16

Sandip - Frontend Developer

14.7k5 gold badges38 silver badges62 bronze badges

Collectives™ on Stack Overflow

ng-change and ng-click not working in toggle button bootstrap-toggle

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related