javascript - Angular : Automatically update a scope reference to an object defined in a service?

Question

我有一个 Angular 应用 myApp有服务myService ，拿着一个物体data由两个 Controller 使用，parentCtrl和 childCtrl后者继承前者:https://jsfiddle.net/OleWahn/7ehLva10/2/

我引用了 data在 parentCtrl 内通过 $scope.data = myService.getData()这也使得它可以从 childCtrl 访问.

我定义 data在关闭myService ，因此 $scope.data只是对 data 的引用.

因此，我可以更改 data子 Controller 和每个人中的属性，myService , parentCrl和 childCtrl将意识到这些变化。到目前为止，还不错。

我的问题如下:如果我想覆盖整个 data我调用的对象 myService方法 setData在 childCtrl 内.

再次，我希望每个人都能收到 data 的通知。已经改变。 $scope.data然而仍然指向最初定义的对象，不会被myService通知那data已经改变，这将是我的最后一个问题:

有没有办法自动更新对服务中定义的对象的范围引用？

Answer 1

使用angular.copy的目标参数

angular.copy¹

Usage

angular.copy(source, [destination]);

• If a destination is provided, all of its elements (for arrays) or properties (for objects) are deleted and then all elements/properties from the source are copied to it.

因此，与其替换范围引用，不如保留引用、清空它并用新内容填充它。

function setData(newData) {
    //DO this
    angular.copy(newData, data);
    //Instead of this
    //data = newData;   
}