ng-checked not working along ng-change and ng-model

Question

I have a checkbox which has to be checked only if a property is false. I have the next html:

 <input type="checkbox" ng-model="list.IsProject" ng-checked="list.IsProject==false"  name="IsProject" id="IsProject" ng-change="saveItem(list, 'IsProject')"> Not Shared

After checking/unchecking I need to update the database and this has not the expected behaviour. Basically, if IsProject is false, it has to be checked. If gets unchecked, the IsProject value has to become 1.

take a look at this SO post http://stackoverflow.com/questions/16601018/angularjs-ng-model-not-binding-to-ng-checked-for-checkboxes ngChecked and ngModel not meant to work together. — Jax, Jul 07 '15 at 11:29
I already saw that post, but, unfortunately that solution doesn't work for me — Cristina, Jul 07 '15 at 11:36
js is very complex, but the saveItem function only updates the 'list' object — Cristina, Jul 07 '15 at 12:19

score 1 · Answer 1 · answered Jul 07 '15 at 13:01

I solved the issue so I'll post here the solution. As I didn't want to modify the model, I used another variable (somehow as David suggested) named NotShared and pass it to the ng-model and then as a parameter to the function from ng-change. I tried without passing it as a parameter but the value was not updating properly. Still don't know why.

<input type="checkbox"  ng-model="NotShared" name="IsProject" id="IsProject" ng-change="saveItem(list, 'IsProject', NotShared)"> Not Shared

score 0 · Answer 2 · answered Jul 07 '15 at 11:55

0

I think you will have to use two different properties for this... So change this ng-model="list.IsProject" ng-checked="list.IsProject==false" to something like this

ng-model="list.IsProject" ng-checked="list.IsProject_2==false"

answered Jul 07 '15 at 11:55

David Votrubec

3,968
3
33
44

Thank you for your response. I thought of this solution too, but this requires changes in the model and as the model is a bit complex I thought there could be a more simple way – Cristina Jul 07 '15 at 11:57

ng-checked not working along ng-change and ng-model

2 Answers2