anglejsを使用して遅延後の値を変更する方法はありますか？

Question

私はangularjs

HTMLに基づいて基本的なアプリケーションを作成しました：あなたは、私がにvalを変更しようと見ることができるように

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

var glob; 
function Ctrl($scope) {  
    glob = $scope;  
    $scope.val = false; 

    window.setTimeout(function() { 
      $scope.val = true; 
     }, 3000);    
} 

window.setTimeout(function() { 
      glob.val = true; 
     }, 3000); 

：

<div ng-app="miniapp"> 
<div ng-controller="Ctrl"> 
    My name is 
    <input type="text"/> 
    Val: {{val}} 
    <br/> 
    <button ng-disabled="val">Submit</button>   
</div>  

JS3秒後に2つの方法で誰も私のために働いていません。本当に奇妙です。私は何か見落としてますか？

実際、私はAjaxからの応答を得た後に値を変更しようとしますが、同じ問題があるはずです。 http://jsfiddle.net/6uKAT/20/

Answer 1

を使用してみてください：window.setTimeoutは用$timeout

角度のラッパー

おかげで、

はここに私の例です。 fn関数は をtry/catchブロックにラップし、例外を $ exceptionHandlerサービスに委譲します。

$timeout(fn[, delay][, invokeApply]);

Updated Fiddle

はJavaScript

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

function Ctrl($scope, $timeout) { 
    $scope.val = false; 
    $timeout(function(){$scope.val = true}, 3000);  
} 

Answer 2

あなたは、角程度（タイムアウト内）を知っているものの外範囲に変更を加えています。
だから、そう、あなたがタイムアウトのために$scope.$apply()

$timeout(function() { 
    $scope.val = true; 
}, 3000); 

http://jsfiddle.net/6uKAT/21/

が$timeoutを使用使用する必要があります。.. $timeoutを使用する必要があり、それはあなたのために$scope.$apply()を呼び出します。
同様に、ajaxでは$httpを使用します。

window.setTimeout(function() { 
    $scope.$apply(function() { 
     $scope.val = true; 
    }); 
}, 3000);