blocks|key|3817039|text|您需要在父作用域中使用对象(而不是基元)，然后才能直接从子作用域更新它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3817040|父级：|offset|length|style|BOLD|3817041|app.controller('ctrlParent',function($scope){
++++$scope.parentprimitive+=+"someprimitive";
++++$scope.parentobj+=+{};
++++$scope.parentobj.parentproperty+=+"someproperty";
});|code-block|syntax|javascript|3817042|子代：|3817043|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";
});|3817044|工作演示：http://jsfiddle.net/sh0ber/xxNxj/|3817045|请参阅What+are+the+nuances+of+scope+prototypal+/+prototypical+inheritance+in+AngularJS?|3817046|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/sh0ber/xxNxj/|1|https://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs^0|0|0|3|0|0|0|3|0|0|0|4|5|X|0|0|3|29|1|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|19|8|@$D|1A|E|1B|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1D|8|@$D|1E|E|1F|F|G]]|9|@$D|1G|E|1H|1|1I]]|A|$]]|$1|S|3|T|5|6|7|1J|8|@]|9|@$D|1K|E|1L|1|1M]]|A|$]]|$1|U|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]|12|$5|X|Y|Z|A|$10|13]]]]

You need to use an object (not a primitive) in the parent scope and then you will be able to update it directly from the child scope

Parent:

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

Child:

<pre><code>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";
});
</code></pre>

Working demo: <a href="http://jsfiddle.net/sh0ber/xxNxj/" rel="noreferrer">http://jsfiddle.net/sh0ber/xxNxj/</a>

See <a href="https://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs">What are the nuances of scope prototypal / prototypical inheritance in AngularJS?</a>

blocks|key|529021|text|将原语属性分配给作用域时，它始终是作用域的本地属性(可能是动态创建的)，即使父作用域具有相同名称的属性也是如此。这是一个设计决定，也是一个很好的决定。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|529022|如果您需要更改父作用域中的某些原语(整数、布尔值、字符串)，从视图中看，您需要它是该作用域中另一个对象的属性，因此赋值可能为：|529023|<a+ng-click="viewData.myAttr+=+4">Click+me!</a>|code-block|syntax|javascript|529024|反过来，它也会：|529025|529026|从|ordered-list-item|529027|中定义的任何作用域获取viewData对象，并将4赋值给其myAttr属性。|offset|length|style|CODE|529028|529029|entityMap^0|0|0|0|0|0|0|B|8|T|6|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|10|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|12|8|@]|9|@]|A|$]]|$1|O|3|P|5|N|7|13|8|@$Q|14|R|15|S|T]|$Q|16|R|17|S|T]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|W|$]]

When you assign a primitive attribute to a scope, it is always local to the scope (possibly created on the fly), even if a parent scope has an attribute with the same name. This is a design decision, and a good one IMHO.

If you need to change some primitive (ints, booleans, strings) in the parent scope, from the view, you need it to be an attribute of another object in that scope, so the assignment may read:

<pre><code>&lt;a ng-click="viewData.myAttr = 4"&gt;Click me!&lt;/a&gt;
</code></pre>

and it will, in turn:

<ol>
<li>get the <code>viewData</code> object from whatever scope it is defined in</li>
<li>assign 4 to its <code>myAttr</code> attribute.</li>
</ol>

blocks|key|529060|text|这也是可行的(但不确定这是否遵循最佳实践)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|529061|app.controller('ctrlParent',function($scope)+{
++++$scope.simpleValue+=+'x';
});

app.controller('ctrlChild',function($scope){
++++$scope.$parent.simpleValue+=+'y';
});|code-block|syntax|javascript|529062|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This also works (but not sure whether this follows best practice or not)

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

app.controller('ctrlChild',function($scope){
 $scope.$parent.simpleValue = 'y';
});
</code></pre>

blocks|key|1671550|text|还有一种方法可以不使用$scope.$parent变量来完成此任务。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1671551|只需准备一个方法来更改父作用域中的值，并在子作用域中使用它。如下所示：|1671552|app.controller('ctrlParent',function($scope)+{
++$scope.simpleValue+=+'x';
++$scope.changeSimpleValue+=+function(newVal)+{
++++$scope.simpleValue+=+newVal;
++};
});

app.controller('ctrlChild',function($scope){
++++$scope.changeSimpleValue('y');
});|code-block|syntax|javascript|1671553|它还可以工作，并使您能够更好地控制值的更改。|1671554|然后，您甚至可以在HTML语言中调用该方法，如：<a+ng-click="changeSimpleValue('y')"+href="#">click+me!</a>。|1671555|entityMap^0|B|E|0|0|0|0|O|1N|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

There is one more way to do this task and to not use the <code>$scope.$parent</code> variable.

Just prepare a method for changing the value in parent scope and use it in child one. Like this:

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

app.controller('ctrlChild',function($scope){
 $scope.changeSimpleValue('y');
});
</code></pre>

It also works and give you more control over the value changes.

You can then also call the method even in HTML like: <code>&lt;a ng-click="changeSimpleValue('y')" href="#"&gt;click me!&lt;/a&gt;</code>.

blocks|key|3817215|text|为了访问父控制器中声明的变量，我们应该在子控制器或模板文件中使用$parent|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3817216|在控制器中|3817217|$scope.$parent.varaiable_name|code-block|syntax|javascript|3817218|在html模板中|3817219|ng-model="$parent.varaiable_name"|3817220|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

For accessing variables declared in the parent, we should use $parent in child controller or template file

In controller

<pre><code>$scope.$parent.varaiable_name
</code></pre>

In html template

<pre><code>ng-model="$parent.varaiable_name"
</code></pre>

I have two controllers, one wrapped within another. Now I know the child scope inherits properties from the parent scope but is there a way to update the parent scope variable? So far I have not come across any obvious solutions.

In my situation I have a calendar controller within a form. I would like to update the start and end dates from the parent scope (which is the form) so that the form has the start and end dates when submitted.

Update parent scope variable in AngularJS

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有两个控制器，一个包装在另一个中。现在我知道子作用域继承了父作用域的属性，但是有没有办法更新父作用域变量呢？到目前为止，我还没有发现任何明显的解决方案。在我的情况下，我在一个表单中有一个日历控制器。我想从父作用域(即表单)更新开始和结束日期，以便表单在提交时具有开始和结束日期。

问更新AngularJS中的父作用域变量
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更新AngularJS中的父作用域变量EN