angularjs checked box in form

Question

I want to when edit user to fill all field in form automatically. I managed to fill input and select fields, but don't know how to do that with checkbox, to be checked if they need to be checked. As a matter of fact I did but after a few days that solution stopped working even nothing has changed. I wrote my code in this way: html

<label><input type="checkbox" value="1" name="admin" ng-model="userDataCtr.user.admin"  ng-checked="userDataCtr.user.admin">ROLE_CRO</label>

And value of userDataCtr.user.admin is 1, but checkbox isn't checked. I tried with integer, string, but nothing happened.

Does anyone can help me?

Thanks

kukkuz · Accepted Answer · 2016-08-01 14:43:16Z

1

The value of a checkbox is boolean- so userDataCtr.user.admin should be either true or false.

<label><input type="checkbox" name="admin" 
   ng-model="userDataCtr.user.admin">ROLE_CRO</label>

Reference: https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

EDIT As @Harris Weinstein points out in the comment to this answer below, you should not use ng-checked and ng-model together.

Reference: https://docs.angularjs.org/api/ng/directive/ngChecked

edited Aug 1, 2016 at 14:43

answered Aug 1, 2016 at 14:34

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

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

5 Comments

Harris Over a year ago

You should add a reference to the ng-checked documentation, which specifically states that it should not be used with ng-model.

Harris Over a year ago

I know you didn't; Sasa did. Your point about using a boolean is fine (though a 1 could be interpreted as truthy by Angular), but I think your answer will help Sasa more if you point out the active hindrance of the conflicting directives that's warned against in the documentation.

Sasa Over a year ago

If I just type 1 in ng-checked checkbox is checked, but if I send number 1 as value (userDataCtr.user.admin) then isn't checked

Harris Over a year ago

@Sasa I suggest you take out value and ng-checked entirely, and only use ng-model. It's all you need, and the other attributes potentially clash with it.

Sasa Over a year ago

I changed value to true and false and now works. I was trying that a couple of times and didn't but now somehow does work. I am confused.

Collectives™ on Stack Overflow

angularjs checked box in form

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related