更新AngularJS中的父范围变量

您需要在父范围中使用一个对象（不是原始对象），然后您就可以直接从子范围更新它

家长：

app.controller('ctrlParent',function($scope){
    $scope.parentprimitive = "someprimitive";
    $scope.parentobj = {};
    $scope.parentobj.parentproperty = "someproperty";
});

孩子：

app.controller('ctrlChild',function($scope){
    $scope.parentprimitive = "this will NOT modify the parent"; //new child scope variable
    $scope.parentobj.parentproperty = "this WILL modify the parent";
});

工作演示：http://jsfiddle.net/sh0ber/xxNxj/

请参阅What are the nuances of scope prototypal / prototypical inheritance in AngularJS?

---

还有另一种方法可以完成此任务并且不使用 $scope.$parent 变量。

只需准备一种方法来更改父范围中的值并在子范围中使用它。像这样：

app.controller('ctrlParent',function($scope) {
  $scope.simpleValue = 'x';
  $scope.changeSimpleValue = function(newVal) {
    $scope.simpleValue = newVal;
  };
});

app.controller('ctrlChild',function($scope){
    $scope.changeSimpleValue('y');
});

它也可以工作，让您更好地控制值的变化。

然后，您甚至可以在 HTML 中调用该方法，例如：<a ng-click="changeSimpleValue('y')" href="#">click me!</a>。

---

这也有效（但不确定这是否遵循最佳实践）

app.controller('ctrlParent',function($scope) {
    $scope.simpleValue = 'x';
});

app.controller('ctrlChild',function($scope){
    $scope.$parent.simpleValue = 'y';
});

---

当您将原始属性分配给作用域时，它始终是作用域的本地属性（可能是动态创建的），即使父作用域具有同名的属性。这是一个设计决定，恕我直言。

如果您需要更改父作用域中的某些原语（整数、布尔值、字符串），从视图中，您需要它成为该作用域中另一个对象的属性，因此赋值可能为：

<a ng-click="viewData.myAttr = 4">Click me!</a>

反过来，它会：

从它在将 4 分配给其 myAttr 属性中定义的任何范围中获取 viewData 对象。

---

为了访问在父级中声明的变量，我们应该在子控制器或模板文件中使用 $parent

在控制器中

$scope.$parent.varaiable_name

在 html 模板中

ng-model="$parent.varaiable_name"

---