AngularJS: ng-model not binding to ng-checked for checkboxes

by

ngModel and ngChecked are not meant to be used together.

ngChecked is expecting an expression, so by saying ng-checked="true", you’re basically saying that the checkbox will always be checked by default.

You should be able to just use ngModel, tied to a boolean property on your model. If you want something else, then you either need to use ngTrueValue and ngFalseValue (which only support strings right now), or write your own directive.

What is it exactly that you’re trying to do? If you just want the first checkbox to be checked by default, you should change your model — item1: true,.

Edit: You don’t have to submit your form to debug the current state of the model, btw, you can just dump {{testModel}} into your HTML (or <pre>{{testModel|json}}</pre>). Also your ngModel attributes can be simplified to ng-model="testModel.item1".

http://plnkr.co/edit/HtdOok8aieBjT5GFZOb3?p=preview

More Related Contents:

  1. ng-model for “ (with directive DEMO)
  2. Difficulty with ng-model, ng-repeat, and inputs
  3. filters on ng-model in an input
  4. AngularJS. When select have ng-model attribute, ng-selected not working
  5. How to add custom validation to an AngularJS form?
  6. How to use a filter in a controller?
  7. How to reload the current state?
  8. How to use the ‘replace’ feature for custom AngularJS directives?
  9. AngularJS access scope from outside js function
  10. Adding parameter to ng-click function inside ng-repeat doesn’t seem to work
  11. How do I call an Angular.js filter with multiple arguments?
  12. Is there a difference between promise.then.then vs promise.then; promise.then [duplicate]
  13. How to Troubleshoot Angular “10 $digest() iterations reached” Error
  14. Testing AngularJS with Selenium
  15. Using comma as list separator with AngularJS
  16. Getting MathJax to update after changes to AngularJS model
  17. Adding google plus login to ionic app
  18. ng-options with disabled rows
  19. What “things” can be injected into others in Angular.js?
  20. How/when to use ng-click to call a route?
  21. What’s the best way to cancel event propagation between nested ng-click calls?
  22. Can someone provide an example of a $destroy event for scopes in AngularJS?
  23. Why give an “abstract: true” state a url?
  24. Set URL query parameters without state change using Angular ui-router
  25. Couldn’t load template using templateUrl in Angularjs
  26. How to Set Background image of div with ng-style
  27. Bootstrap-UI Typeahead display more than one property in results list?
  28. AngularJS – Injecting factory from another module into a provider
  29. upload file from angularjs directly to amazon s3 using signed url
  30. How to pass .env file variables to webpack config?

Leave a Comment