Changing the state of the input checkbox AngularJS

Question

How to change the checkbok state depending on the value of the parameter? Example: JSFiddle

HTML:

<body  ng-app="myApp">
    <div ng-controller="rangeCtrl">
    Param:{{param}}
        <hr>
    <div>modelValue:{{modelValue}}</div>
      <input type="checkbox" style="width: 300px;"
             ng-change = "rangeChange()"
             ng-checked = "modelValue"
             ng-model = "modelValue">
    </div>
  </body>

JS:

var app = angular.module('myApp', []);
app.controller('rangeCtrl', function($scope, $interval, $timeout) {

(function update() {
    $timeout(update, 1000);
    $scope.param = Math.round((Math.random()));
  }());    
    $scope.$watch('param',
        function(newVal, oldVal) {
            if (newVal == oldVal) {
                $scope.modelValue = oldVal;
            }
        });

    $interval(function() {
        $scope.$watch('param',
            function(newVal, oldVal) {
                if (newVal !== oldVal) {
                    $scope.modelValue = newVal;
                }
            });
    }, 25);   
    $scope.rangeChange = function() {         
    }
});

I assume that the problem lies in the fact that the parameter is not a boolean.

user2085143 · Accepted Answer · 2016-12-09 15:32:43Z

1

Your fiddle will work if you use

ng-checked = modelValue === 1

(assuming you want it to be checked when the value is 1)

answered Dec 9, 2016 at 15:32

user2085143

4,2427 gold badges43 silver badges71 bronze badges

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

1 Comment

AndreyH Over a year ago

OMG answer surprised Thank you so much!

Collectives™ on Stack Overflow

Changing the state of the input checkbox AngularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related