Jak zmienić wartość opóźnienia za pomocą angularjs?

Question

I stworzył podstawową aplikację na podstawie angularjs

HTML:

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

JS:

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); 

Jak widać staram się zmienić val do true po 3 sekundach na 2 sposoby, ale nikt nie pracuje dla mnie. Naprawdę dziwne. Przegapiłem coś?

Właściwie próbuję zmienić wartość po otrzymaniu odpowiedzi od Ajax, ale przypuszczam, że powinien być ten sam problem.

Dzięki,

Oto mój przykład: http://jsfiddle.net/6uKAT/20/

Answer 1

Spróbuj użyć: wrapper $timeout

kątowej za window.setTimeout. Funkcja fn jest pakowana do bloku try/catch i deleguje wszystkie wyjątki do usługi 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

Robisz zmiany zakresu poza to, co wie o kątowe (wewnątrz timeout).
Więc należy użyć $timeout .. inaczej trzeba użyć $scope.$apply()

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

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

Dla limitu czasu korzystania $timeout i będzie nazywać $scope.$apply() dla Ciebie.
Podobnie, w przypadku ajax użyć $http.

jeśli nie można z nich korzystać, trzeba zadzwonić $scope.$apply() siebie:

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