Angular JS监视服务方法中的数据

Question

所以我有一个服务，它可以正常工作的json对象。 在我的控制器中，我想监视该对象的任何更改。 当对象发生变化时，我希望在用户界面中进行动态更新。 这是我的服务：

angular.module('vertopsappApp.services', [])
.factory('vertopsappAppAPIservice', function($http) {

var vertopsappAppAPI = {};

vertopsappAppAPI.getDrivers = function() {
  return $http({
    method: 'JSONP',
    url: 'http://faboolis.com/example.json?callback=JSON_CALLBACK'
  });
}

return vertopsappAppAPI;
 });

我的控制器看起来像这样，但是我很确定它不是这样做的方法。

 .controller("LineCtrl", function ($scope, vertopsappAppAPIservice) {
   $scope.$watch('vertopsappAppAPIservice.getDrivers()', function (newVal) {
    console.log('data changes into: ', newVal)
   }, true);
 });

任何帮助将非常感激。 提前致谢。

Answer 1

您可以尝试在数据更改时从服务中发出事件，并在控制器中侦听事件，从而更新模型以使UI更改。

用示例编辑 ：

数据更改时的内部服务：

$rootScope.$emit("value_changed", newValue); //trigger this when you know there is a change in value

内部控制器：

$rootScope.$on("value_changed", function(e,newValue) { $scope.urUIVariable = newValue; });