想在給定的時間間隔後動態地打印字母，錯誤：[$ rootScope：infdig] 10 $ digest（）迭代到達。中止（...）

Question

var str = "get_data_httpaja.php?un=" + $scope.uName; 
var avail=["a","v","a","i","l","a","b","l","e"]; 
var i=0; 
$http.get(str).then(function (dt) { 
    alert(dt.data); 
    //  $scope.uPlace = dt.data; 
    if(dt.data==0){ 
     var myvar=$window.setInterval(function() { 
      $scope.$watch("uAvailable",function (nv,ov) { 
       $scope.uAvailable+=avail[i]; 
      }) 
      i++;      
     },500) 
     if(i>8)$window.clearInterval(myvar); 
    } 
} 

我取出由服務器的結果，以後如果result==0然後我想打印的字母「可用」動態信，但收到錯誤:(

Answer 1

這裏是一個有效的解決方案：

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

myApp.controller('MyCtrl', MyCtrl); 

function MyCtrl($scope,$timeout,$interval) { 
    $scope.uAvailable = ''; 
    $timeout(function(){},500).then(function() { 
     var avail=["a","v","a","i","l","a","b","l","e"]; 
     $interval(function(counter){ 
      $scope.uAvailable += avail[--counter];    
     }, 500, avail.length); 
    }); 
} 

我用$超時而不是$ HTTP，因爲這兩個返回的承諾（這只是這個例子的目的）

的jsfiddle：http://jsfiddle.net/obkx9zaz/