AngularJS - 绑定到提供程序属性

是否可以使用$ watch绑定serviceProvider的日期？AngularJS - 绑定到提供程序属性

我的问题是我可以将数据从提供者服务绑定到我的视图？
我尝试绑定我的视图中提供的$ get对象，因为提供程序在init阶段加载，没有控制器。

我尝试这种方式，但我没有更新。 http://plnkr.co/edit/t3PrE6lX1EDIMuqKyTW0?p=preview

<body ng-app="ServiceNotification"> 
    <div style="border-style:dotted" ng-controller="TimerCtrl1"> 
     TimerCtrl1<br/> 
     Last Updated: {{lastUpdated}}<br/> 
     Last Updated: {{calls}}<br/> 
    </div> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script> 
<script type="text/javascript"> 
    var app = angular.module("ServiceNotification", []); 

    function TimerCtrl1($scope, Timer) { 
     $scope.$watch(function() { return Timer.data; }, function (data){ 
      console.log("In $watch - data:" + data); 
      $scope.lastUpdated = data.lastUpdated; 
      $scope.calls = data.calls; 
     }, true); // <-- don't forgt the true 
    }; 

    app.provider("Timer", function() { 

     this.$get = function() { 
     var data = { lastUpdated: new Date(), calls: 0 }; 

      var updateTimer = function() { 
      data.lastUpdated = new Date(); 
      data.calls += 1; 
      console.log("updateTimer: " + data.lastUpdated); 

      window.setTimeout(updateTimer, 5000); 
     }; 
     updateTimer(); 

     return { 
      data: data 
     } 
     } 
    }); 
</script>

感谢托马斯

来源

2014-01-21 Thomas S

请在这里发表您的代码，如果该链接将到期，或将成为unaccessable，这个问题将有较少的意识。 –

你没有更新造成的setTimeout回调叫出来的消化周期。有一个特殊的$timeout包角（http://docs.angularjs.org/api/ng.$timeout），你可以注入你的$get供应商的方法。

app.provider("Timer", function() { 
    this.$get = function($timeout) { 
    var data = { lastUpdated: new Date(), calls: 0 }; 

    var updateTimer = function() { 
     data.lastUpdated = new Date(); 
     data.calls += 1; 
     console.log("updateTimer: " + data.lastUpdated); 
     $timeout(updateTimer, 5000); 
    }; 
    updateTimer(); 

    return { 
     data: data 
    } 
    } 
});

演示：http://plnkr.co/edit/QUVuSnikIwVd3TocU7Vn?p=preview

来源

2014-01-21 12:02:42 Pythonic

AngularJS - 绑定到提供程序属性

回答

相关问题