ng-hide無法與setInterval一起使用

Question

HTML：

<div ng-hide="!timeout">
     First
</div>

<div ng-hide="timeout">
    Second   
</div>

JS：

var counter = 0;
$scope.timeout = false;

var interval = setInterval(function loop() { 
    if (++counter == 4){
                clearInterval(interval);
                $scope.timeout = true;
        }
        return loop
}(), 5000);

運行后，結果顯示為“第一”。 計數器達到4后，$ scope.timeout更改為true，結果仍顯示為“ First”，而不是“ Second”。

謝謝。

Answer 1

setInterval沒有包裝在$scope.$apply() ，請使用提供的角度$interval或添加$scope.$apply(); 在您的setInterval函數中。