更新DOMは、私は、APIからのデータとDOMを更新しよう

Question

を見る$で作業していないが、私はここで私は、に自動にし、時計の機能を追加しようとする私のCTRL

app.controller('counter', ['$scope', 'factory', function ($scope, factory) { 
    factory.get(function (res) { 
     $scope.proizvedeno = res; 
     $scope.output = $scope.proizvedeno.total_energy_output; 

     $scope.countTo = $scope.output; 
     $scope.countFrom = 0; 
$scope.$watch("output", $scope.countTo) 
console.log($watch); 

     $scope.reCount = function() { 
      $scope.countFrom = Math.ceil(Math.random() * 300); 
      $scope.countTo = Math.ceil(Math.random() * 7000) - Math.ceil(Math.random() * 600); 
     }; }]); 

である「$時計は定義されていません」を取得しますDOMを更新しますが、これは機能しません。誰かが私を助けることができますpls。

Answer 1

私は答えとしてこれを入れさせていただきますので、clarityを質問に追加してください。

あなたの実際のコード：1を改革

app.controller('counter', ['$scope', 'factory', function ($scope, factory) { 
    factory.get(function (res) { 
     $scope.proizvedeno = res; 
     $scope.output = $scope.proizvedeno.total_energy_output; 

     $scope.countTo = $scope.output; 
     $scope.countFrom = 0; 
     $scope.$watch("output", $scope.countTo) //Changed this 
     console.log($watch); //removed this line 

     $scope.reCount = function() { 
      $scope.countFrom = Math.ceil(Math.random() * 300); 
      $scope.countTo = Math.ceil(Math.random() * 7000) - Math.ceil(Math.random() * 600); 
     }; }]); 

：私はタイムアウトでこの問題を解決

app.controller('counter', ['$scope', 'factory', function ($scope, factory) { 
    factory.get(function (res) { 
     $scope.proizvedeno = res; 
     $scope.output = $scope.proizvedeno.total_energy_output; 

     $scope.countTo = $scope.output; 
     $scope.countFrom = 0; 
     $scope.$watch("output", 
       function handleChange(newValue, oldValue) { 
        console.log("$scope.output:", newValue); 
     }) 

     $scope.reCount = function() { 
      $scope.countFrom = Math.ceil(Math.random() * 300); 
      $scope.countTo = Math.ceil(Math.random() * 7000) - Math.ceil(Math.random() * 600); 
     }; }]); 

Answer 2

やあみんな、私は知らないこの最善の解決策が、ため、この作業であります私。すべて

app.controller('counter', ['$scope', '$http', '$timeout', function ($scope, $http, $timeout) { 
$scope.reload = function() {    //add new function for timer 
$http.get(serviceBase + 'live-stats'). 
    success(function (res) { 
     $scope.proizvedeno = res; 

      $scope.wireless_charging_count = $scope.proizvedeno.wireless_charging_count; 
      $scope.countTo3 = $scope.wireless_charging_count; 
      $scope.countFrom3 = 0; 
      $scope.reCount = function() { 
      $scope.countFrom3 = Math.ceil(Math.random() * 300); 
        $scope.countTo3 = Math.ceil(Math.random() * 7000) - Math.ceil(Math.random() * 600); 
      }; 

     }); 
     var reload = $timeout(function(){   //set here $timeout 
      $scope.reload(); 
      }, 5000); 
      $scope.$on('$destroy', function(){  //must cancel $timeout 
$timeout.cancel(reload); 
}); 
    }; 
    $scope.reload();  
}]); 

へのthnxは、Uは、タイマーをキャンセルしなければならないか、変更ルートタイマーがまだ働いた後、:)私のような問題を抱えていると、URLからデータをリロードします。みんなにThnx