Angular checkbox first click does nothing if ng-checked is true

Question

So, this seems like it must be a newb question. Here is a plunkr http://plnkr.co/edit/r9xWht5DZtOTvbblXwYZ

<input id="reviews"  ng-model="reviews" type="checkbox" ng-checked="reviews == 1" />

Basically I have a boolean in the db that I set scope to, it is either 1 or 0 in db. If it is true then the checkbox is checked, if not then it isn't. The problem I am having is that if it is checked, the first time 1 uncheck the box, scope doesn't change. When I click it (check it again) the scope value turns into true, then it works as expected.

Again, I must be overlooking something trivial here. I was looking into $scope.$watch should I be using that?

Thanks!

logee · Accepted Answer · 2016-01-15 01:51:07Z

1

Instead of ng-checked you can use ng-true-value and ng-false-value instead.

See plunker

<input id="reviews"  ng-model="reviews" type="checkbox" ng-true-value="1" ng-false-value="0" />

answered Jan 15, 2016 at 1:51

logee

5,0321 gold badge29 silver badges36 bronze badges

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

1 Comment

Shane Over a year ago

I just came back to answer my question with this, that was fast!

Samir Aguiar · Accepted Answer · 2016-01-15 01:55:04Z

1

Your problem is using ng-checked with ng-model. The documentation says:

Note that this directive should not be used together with ngModel, as this can lead to unexpected behavior.

Both try to set the value of the input field and this leads to the weird results you're having.

answered Jan 15, 2016 at 1:55

Samir Aguiar

2,5692 gold badges22 silver badges32 bronze badges

Collectives™ on Stack Overflow

Angular checkbox first click does nothing if ng-checked is true

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related