angularjs - 以编程方式取消选中 Angular 边界复选框

Question

我正在尝试取消选中使用 ng-model 绑定(bind)到作用域变量的复选框。基本上下面的内容在 2 秒后不会取消选中。

html

<div ng-controller="AppCtrl">
    <input type="checkbox" ng-model="checked">
</div>

js

var app = angular.module('app',[]);   

function AppCtrl($scope) {
    $scope.checked = true;

    setTimeout(function(){
        $scope.checked = false;
        alert('should be unchecked!');
    },2000);
}

https://jsfiddle.net/thomporter/tcVhN/

Answer 1

尝试使用 Angular $timeout 服务而不是javascript的setTimeout

因为如果你在angularjs中使用setTimeout，你需要使用$scope.$apply()来确保范围的变化。检查这个 fiddle

但是 $timeout 将为您完成这项工作。

像这样

$timeout(function(){
    $scope.checked = false;
    alert('should be unchecked!');
},2000);

<强> JSFIDDLE