更改輸入復選框AngularJS的狀態

Question

如何根據參數的值更改checkbok狀態？ 示例： 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() {         
    }
});

我認為問題在於參數不是布爾值。

Answer 1

如果您使用，您的小提琴將起作用

ng-checked = modelValue === 1

（假設您希望在值為1時對其進行檢查）

更改輸入復選框AngularJS的狀態

問題描述

1 個解決方案

解決方案1
1 已采納 2016-12-09 15:32:43

更改輸入復選框AngularJS的狀態

問題描述

1 個解決方案

解決方案1 1 已采納 2016-12-09 15:32:43

解決方案1
1 已采納 2016-12-09 15:32:43