AngularJsコントローラーのライブクロック機能

Question

表示する時間、分、秒（ライブ）、コントローラー内で$intervalを使用して関数を書きましたが、$scopeは私の表示を更新しません。

angular.module('myApp').controller('clockCtrl',function($scope,$interval){ 


$interval(callAtInterval, 1000); 
}); 


    function callAtInterval(){ 
      console.log("this text is getting printed after each second"); 
      var today = new Date(); 
      h=today.getHours(); 
      var m = today.getMinutes(); 
      var s = today.getSeconds(); 
      $scope.hour=h; 
      $scope.min=m; 
      $scope.sec=s; 


    } 

関数がコールを取得しているが、ビューは更新取得されていません。ここで

<div ng-controller="clockCtrl"> 
{{hour}}:{{min}}:{{sec}} 
</div> 

が私のコントローラである：ここ

は私の見解です。

Answer 1

callAtInterval機能はコントローラの外で宣言されているため、$scopeにアクセスすることはできません。

angular.module('myApp').controller('clockCtrl',function($scope,$interval){ 

    function callAtInterval(){ 
     console.log("this text is getting printed after each second"); 
     var today = new Date(); 
     h=today.getHours(); 
     var m = today.getMinutes(); 
     var s = today.getSeconds(); 
     $scope.hour=h; 
     $scope.minutes=m; 
     $scope.sec=s; 
    } 

    $interval(callAtInterval, 1000); 
});