0

我有一项用于存储一些应用程序通用数据的服务。该服务还可以修改这些数据并对事件做出反应。但是，我无法将更改传播到使用此服务的控制器。

我见过这个问题和这个问题，但解决方案对我不起作用。

我创建了一个plunker来显示我的核心问题。有一个object存储公共数据的服务sharedObject。它有一个功能updateObject，可以更新数据（在我的真实应用程序中，它向服务器发送请求）。该服务由主控制器使用。但是，当updateObject在服务中调用时，控制器中的数据不会更新。

这是为什么？这也是最佳实践还是我做错了什么？

这是代码：

app = angular.module('app', []);

app.factory('object', ['$timeout', function($timeout){
  var sharedObject = {attr1: '', attr2: ''};
  var updateObject = function() {
    $timeout(function(){
      sharedObject = {attr1: 'new value', attr2: 'update value'};
      console.log('updated');
    }, 1000);
  }
  updateObject();
  return sharedObject;
}]);

app.controller('main', [
  '$scope', 'object', function($scope, object) {
    $scope.$watch(function(){return object}, function(obj){
      console.log(obj);
      $scope.object1 = obj;
      }, true);
  }
]);
4

2 回答 2

1

问题是超时回调不会更新您正在观看的对象。它用另一个对象替换它。所以观察者仍然看到未修改的旧对象。

将代码替换为更新的 plunker中的代码

sharedObject.attr1 ='new value';
sharedObject.attr2 = 'update value';

你会看到页面中的值发生了变化。

于 2013-07-14T12:22:09.137 回答
1

问题是您sharedObject在更新方法中将最初指向的对象完全替换为另一个对象。您的控制器仍将持有对旧对象的引用。

您需要做的是更新sharedObject到位。查看我更新的 plunkr

基本上你需要在更新方法中做这样的事情

 sharedObject.attr1= 'new value';
 sharedObject.attr2= 'update value';
于 2013-07-14T12:22:30.087 回答