toggle boolean property in angular

Question

I have a checkbox in my view

<input type="checkbox" ng-model="trackers[tracker._id].enable" ng-click="toggleTracker(tracker._id);"/>

And a function in my controller

$scope.toggleTracker = function(trackerId){
    $scope.trackers[trackerId].enable = !$scope.trackers[trackerId].enable;
    console.log($scope.trackers[trackerId].enable)
}

But each time I check the box the enable property does not change. What could be wrong with my code?

please show more code. also if you are using ng-model - you shouldn't need to have a click handler. — Daniel A. White
– Daniel A. White, Commented Sep 10, 2015 at 15:11

Frederico Jesus · Accepted Answer · 2015-09-10 15:17:38Z

1

Since you have ng-model connected to the input it should change when you click. Then you also have the ng-click so it changes back to the first value.

Just remove the ng-click and your good.

answered Sep 10, 2015 at 15:17

Frederico Jesus

6676 silver badges16 bronze badges

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

Comments

Hexalyse · Accepted Answer · 2015-09-10 15:14:58Z

1

You shouldn't use both ng-model and an ng-click function toggling the enable state. Maybe it overrides and negate the toggle because they are executed one after the other.

Just use the ng-model property and it should work.

answered Sep 10, 2015 at 15:14

Hexalyse

3681 gold badge4 silver badges15 bronze badges

Collectives™ on Stack Overflow

toggle boolean property in angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related