更新AngularJS中的父作用域变量
更新AngularJS中的父作用域变量
提问于 2013-06-05 06:08:36
我有两个控制器，一个包装在另一个中。现在我知道子作用域继承了父作用域的属性，但是有没有办法更新父作用域变量呢？到目前为止，我还没有发现任何明显的解决方案。
在我的情况下，我在一个表单中有一个日历控制器。我想从父作用域(即表单)更新开始和结束日期，以便表单在提交时具有开始和结束日期。
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-06-05 07:27:57
您需要在父作用域中使用对象(而不是基元)，然后才能直接从子作用域更新它
父级：
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?
Stack Overflow用户
发布于 2013-12-03 20:03:50
还有一种方法可以不使用$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>。
Stack Overflow用户
发布于 2013-10-03 09:45:13
这也是可行的(但不确定这是否遵循最佳实践)
app.controller('ctrlParent',function($scope) {
$scope.simpleValue = 'x';
});
app.controller('ctrlChild',function($scope){
$scope.$parent.simpleValue = 'y';
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16928341
复制相关文章
相似问题
腾讯云开发者
