using angularjs checkbox is not updating after ajax call

Question

I have this checkbox

          <input type="checkbox" 
          ng-change="defaultMsgsHandler(vuser.use_managed_default_msgs)" 
          ng-model="vuser.use_managed_default_msgs" 
          ng-true-value=1 ng-false-value=0>

When i make this ajax call, the checkbox does not reflect the ajax retured has vuser.use_managed_default_msgs set to 1, but the checkbox is not checked. I know the model is correct. vuser.use_managed_default_msgs is a 1 if i dump vuser to the console.

    messageServices.getMessageSettingsInfo(user.dir)
                    .then(function(data) {
                        if (!data.success) {
                            $scope.errormessage = data.errors;
                        } else {
                            $scope.vuser = data.vuser;
                            $scope.messages = data.messages;
                        }
                    }, function(error) {
                        alert(error);
                    });

If i click on the checkbox defaultMsgsHandler changed the model correctly, and the checkbox checks and unchecks.

    $scope.defaultMsgsHandler = function( use_managed_default_msgs ){
        $scope.vuser.use_managed_default_msgs = use_managed_default_msgs;
    };

Thanks for any help

Can we see an example of what data.vuser looks like when it is returned from the promise? I believe that is where the problem is. — DavidEdwards
– DavidEdwards, Commented Mar 13, 2015 at 3:28
Cannot reproduce ~ plnkr.co/edit/LqCD349a3DAnk4d4XgpY?p=preview — Phil
– Phil, Commented Mar 13, 2015 at 3:30

Community · Accepted Answer · 2017-05-23 11:50:47Z

2

Please, try to use: ng-checked="condition"

There is a similar question here,

How to set checkbox selected on the basis of model value

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Mar 13, 2015 at 3:35

Sanjeev Singh

4,0963 gold badges36 silver badges39 bronze badges

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

Comments

Mark Collins · Accepted Answer · 2015-03-13 03:21:37Z

0

Not sure if it will help, but I think your

ng-true-value=1 ng-false-value=0

should be

ng-true-value="1" ng-false-value="0"

answered Mar 13, 2015 at 3:21

Mark Collins

4081 gold badge4 silver badges9 bronze badges

4 Comments

Phil Over a year ago

I thought the same but it doesn't appear to make a difference.

Mark Collins Over a year ago

unless your ajax response is returning a string not an integer, so it so would be ng-true-value="'1'"

Phil Over a year ago

Ah, great pickup. I just tried that and yes, if the value is a string it doesn't match the true value. Quoting the ng-true-value attribute values doesn't change that though

Geomorillo Over a year ago

the string '' did the trick if in database the value is not an integer

Collectives™ on Stack Overflow

using angularjs checkbox is not updating after ajax call

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related