Açısal JS - Aralıklı Değişken Güncelleme

Question

Açısal modeller setIntervaL ile çalışır mı?

scope.testFunc = function(){ 
    setInterval(function(){ 
     scope.number--; 
    },1000); 
}; 

setInterval olmadan sayı her güncellenecektir:

İşte o setInterval OLMADAN günceller Nedense

<p>{{number}}</p> 
<button ng-click="testFunc()">TEST</button> 

var, ama böyle bunları yapmazsa .. bir örnek tıkla, ancak setInverval ile sürekli güncellenmez. Eğer her 5 saniyede bir tıklarsam, bir sayı kadar atlayacaktır (böylece arka planda çalışıyor ancak görünüm güncellenmiyor).

Answer 1

bunu DOM güncelleme değil bu yüzden dışarıda "açısal dünyasında" nin hangi setInterval kullandığınız olmasıdır. İki seçeneğiniz var, biri diğerinden çok daha iyi.

$interval'u kullanın. Açısal dünyanın bir parçası hariç setInterval gibi, bu değişiklikler de görünümünüzü güncelleyecektir (direktifinize $ aralığı ilettiğinizden emin olun).

scope.testFunc = function(){ 
    $interval(function(){ 
     scope.number--; 
    },1000); 
}; 

İkinci seçenek özet döngüsünü başlaması için mevcut koduna() uygulamak aramaktır, yapmayın o daha iyi bir seçenek olmadığı için olsa. yerine yerine değeri göstermek için <p ng-model="number"></p> kullanmayı deneyin {{ number }} kullanmak yerine, bir başka not olarak https://docs.angularjs.org/api/ng/service/ $ aralığı

:

Answer 2

Açısal setInterval için güzel bir sarıcıyla birlikte gelir. Hemen hemen aynı şekilde kullanın. Ne oluyor

https://docs.angularjs.org/api/ng/service/$interval

Answer 3

$ aralığı Eğer bu konuda daha fazla bilgi edinebilirsiniz kesinlikle çalışır.

Answer 4

$ aralığını kullanarak çalıştı ancak hata döndürdü: $ aralık tanımlı değil .... AMA $ sindirmek() çalıştı:

scope.testFunc = function(){ 
    setInterval(function(){ 
     scope.number--; 
     scope.$digest(); 
    },1000); 
}; 

Answer 5

açısal js aralığı için belgelere bakın Interval with Angular JS

Aralıkla çalışmak için $ digest kullanmayın.

HTML

<div ng-app ng-controller="ApplicationController"> 
    <pre>Number: {{ number }}</pre> 
    <button ng-click="testTimer()">Test Timer</button> 
</div> 

JS

function ApplicationController($scope,$interval) { 

    $scope.number = 99999; 

    $scope.testTimer = function() { 
     $interval(function() { 
      $scope.number--; 
     }, 100); 
    }; 
} 

action here