Boolean Filter for checkboxes in ng-model Angular

Question

item.imposed is either 1, or 0.

In order for a checkbox to mark as checked, the value must be true or false.

<input type="checkbox" ng-model="item.imposed">

You cannot use a filter inside of ng-model, how can this be accomplished simply and correctly?

Langdon · Accepted Answer · 2013-05-17 00:34:56Z

11

You can use ngChecked, but you won't get any binding back to your model:

Or you can use ngTrueValue and ngFalseValue, but you HAVE to use a string (not an int):

Or you can use a custom directive... it's pretty lame right now.

answered May 17, 2013 at 0:34

Langdon

20.1k18 gold badges90 silver badges108 bronze badges

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

1 Comment

Langdon to the rescue! ngTrueValue works great, and it will work for many other value. Thanks tons

BlueberrySourRaspberry · Accepted Answer · 2015-04-07 10:59:42Z

3

You can use ng-value-true to tell angular that your ng-model is a string.

I could only get ng-true-value working if I added the extra quotes like so (as shown in the official Angular docs - https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D)

ng-true-value="'1'"

answered Apr 7, 2015 at 10:59

96313 silver badges12 bronze badges