Javascript 角度-更改服务中的对象属性值并在另一个控制器中使用

我使用一个服务在两个控制器之间传递变量。但我正在努力改变对象属性的值。我想在第一个控制器中更改此值，并在第二个控制器中使用该新值。下面你可以找到我的审判

可以找到JSFIDLE

HTML代码

<div ng-app="myApp">
    <div ng-controller="myController">
        <h3>{{objectValue.data}}</h3>
        <button ng-click="changeObject()">Change the objectValue</button>
    </div>

    <div ng-controller="myController2">
        <h2>{{ newValue.data}}</h2>
    </div>
</div>

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

app.service('sharedProperties', function() {
    var objectValue = {
        data: 'default service value'
    };

    return {
        getObject: function() {
            return objectValue;
        }
    }
});


app.controller('myController', function($scope, sharedProperties) {
    $scope.objectValue = sharedProperties.getObject();

    var changeObject = function() {
      sharedProperties.objectValue.data = "New value";
    }
});

app.controller('myController2', function($scope, sharedProperties) {
    $scope.newValue = sharedProperties.getObject();
});

---

在演示中的第一个控制器中，您仅将一个属性从对象分配给范围变量…使其成为原语。原语没有继承性，是按值分配的

如果在每个作用域模型中维护对同一对象的引用，并且在视图中仅显示该对象的属性，则通过对象继承来维护绑定

演示服务中用于

stringvalue

的原语将永远不会有任何继承，因为它不是对象

使用

和视图

{{objectValue.data}}

由于对象上的内部角度监视，将在视图中为您提供实时更新

---

这是因为字符串是通过值而不是引用传递的，所以更改不会传播。改变

{{objectValue}}

至

{{objectValue.data}

及

sharedProperties.getObject（）.data

到

sharedProperties.getObject（）

您将看到对象正确绑定

如果希望共享字符串，请考虑通过改变吸引子函数从控制器中访问它们，通过改变

$scope.stringValue=sharedProperties.getString（）到
$scope.getString=sharedProperties.getString

及

{{stringValue}}
到
{{getString（）}}

请参见此处：
sharedProperties.objectValue.data
不存在…请改用
$scope.objectValue.data
。
{{objectValue.data}}