以編程方式取消選中角度邊界複選框

Question

我試圖取消勾選使用ng-model綁定到範圍變量的複選框。基本上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

嘗試，而不是使用JavaScript的setTimeout的角度$timeout服務

因爲您使用setTimeout在angularjs您需要使用$scope.$apply()來確保範圍的變化。檢查這個fiddle

但$timeout將做到這一點爲你工作。

像這樣

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

JSFIDDLE

Answer 2

您需要將檢查變量設置爲選定的屬性。

<div ng-controller="AppCtrl"> 
    <input type="checkbox" selected="{{checked}}"> 
</div>