AngularJS: Initial checkbox value not in model

Question

I have got a form with a checkbox like this:

<input type="checkbox" name="publish" id="publish" ng-model="data.publish" ng-true-value="Yes" ng-false-value="No"/>

Now I would like to have its initial value 'No' (becuase it is unchecked) bound to the model without having to click on the checkbox. Is there a way besides setting the model value manually in the controller or using ngInit?

My script should work with different forms so manually setting model variables is no option. And the ngInit method seems rather inelegant.

Nikos Paraskevopoulos · Accepted Answer · 2013-09-17 13:36:14Z

0

Maybe a directive that works like this:

<input type="checkbox" ng-model="..." init-cb ... />

The following code should do it:

m.directive("initCb", function() {
    return {
        require: ["ngModel"],
        scope: false,
        link: function(scope, element, attrs, controllers) {
            var ngModel = controllers[0],
            if( element[0].checked ) {
                ngModel.$setViewValue(attrs.ngTrueValue || true);
            }
            else {
                ngModel.$setViewValue(attrs.ngFalseValue || false);
            }
        }
    };
});

answered Sep 17, 2013 at 13:36

Nikos Paraskevopoulos

40.4k13 gold badges91 silver badges99 bronze badges

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

2 Comments

Mouagip Over a year ago

Hm, that would be a possibility but similar to ng-init="data.publish=...".

Nikos Paraskevopoulos Over a year ago

Agreed, this is a more compact form of ng-init=.... However, since at initialization the model controls the form, I cannot think of another kind of solution.

Collectives™ on Stack Overflow

AngularJS: Initial checkbox value not in model

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related