在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/

请参阅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';
});

将原始属性分配给作用域时，它始终是合并范围时，即使父合并范围的属性具有相同的名称合并范围的本地（可能是动态创建的）。这是一项设计决定，也是不错的恕我直言。

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

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

然后，它将：

1. 得到 viewData从定义的任何范围中对象
2. 将4分配给它的myAttr属性。

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

在控制器中

$scope.$parent.varaiable_name

在html模板中

ng-model="$parent.varaiable_name"