blocks|key|122114|text|不是使用primitiive来定义变量，而是使其成为一个对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|122115|$scope.model={test:''};|code-block|syntax|javascript|122116|指令为每一项创建自己的作用域。当您将一个基元等同于一个新的作用域变量时，它与原始变量没有绑定，但是当原始变量是一个对象时，将创建一个引用，而不是一个副本，在其中一个变量中所做的更改将反映到另一个中|122117|简单的说明性示例：|122118|var+a+='foo';
var+b=+a;
/*+now+change+a*/
a='bar';
alert(+b)+//+is+still+'foo'|122119|现在对object执行相同的操作：|122120|var+obj_1=+{a:'foo'};
var+obj_2=obj_1;
/*+now+change+obj_1.a*/
obj_1.a='bar';
alert(+obj_2.a)+//+change+to+obj_1+will+also+change+obj_2+and+alert+returns+"bar"*/|122121|Your+Plunker+Modified|offset|length|122122|Read+this+article+on+angular+wiki+for+more+detailed+explanation|122123|entityMap|0|LINK|mutability|MUTABLE|url|http://plnkr.co/edit/1PVHZ1?p=preview|1|https://github.com/angular/angular.js/wiki/The-Nuances-of-Scope-Prototypal-Inheritance^0|0|0|0|0|0|0|0|0|L|0|0|0|1R|1|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|18|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|19|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|1B|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@$S|1E|T|1F|1|1G]]|A|$]]|$1|U|3|V|5|6|7|1H|8|@]|9|@$S|1I|T|1J|1|1K]]|A|$]]|$1|W|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]|14|$5|Z|10|11|A|$12|15]]]]

Instead of using a primitiive to define the variable, make it an object.

<pre><code>$scope.model={test:''};
</code></pre>

Directives create their own scope for each item. When you equate a primitive to a new scope variable, it has no binding to the original, however when original is an object, a reference is created , not a copy, and changes made in one will reflect in the other

Simple explanatory example:

<pre><code>var a ='foo';
var b= a;
/* now change a*/
a='bar';
alert( b) // is still 'foo'
</code></pre>

now do the same with object:

<pre><code>var obj_1= {a:'foo'};
var obj_2=obj_1;
/* now change obj_1.a*/
obj_1.a='bar';
alert( obj_2.a) // change to obj_1 will also change obj_2 and alert returns "bar"*/
</code></pre>

<a href="http://plnkr.co/edit/1PVHZ1?p=preview" rel="noreferrer">Your Plunker Modified</a>

<a href="https://github.com/angular/angular.js/wiki/The-Nuances-of-Scope-Prototypal-Inheritance" rel="noreferrer">Read this article on angular wiki for more detailed explanation</a>

blocks|key|339872|text|ng-include创建了自己的作用域，它不同于外部作用域。使用this.test而不是$scope.test+inside+ng-include模板。它将正常工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|339873|entityMap^0|0|A|W|9|18|B|1R|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

<code>ng-include</code> creates its own scope and it is different than outer scope. Use <code>this.test</code> instead of <code>$scope.test</code> inside <code>ng-include</code> template. It will work properly.

First and foremost, the plunker: <a href="http://plnkr.co/edit/v1uTz5" rel="noreferrer">http://plnkr.co/edit/v1uTz5</a>

This is a working demo of the issue I am running into. 

I have a <code>ng-include</code> to include a partial.

Inside the partial I have an text input with <code>ngModel</code> AND directive.

The model updates accordingly inside the include, but any interaction outside the include is ignored. The <code>{{test}}</code> outside the include doesn't update, but the <code>{{test}}</code> inside does.

The directive, when called, handles the <code>enter</code> key and calls the correct scope and function. However, the <code>$scope.test</code> variable has never been updated, but <code>$scope.testFinal</code> is updated and the <code>ng-include</code> template renders it appropriately. Trying to reset the <code>$scope.test</code> model does not work either.

Am I missing something here? Or is this a bug with the directive or with the <code>ng-include</code>?

Angular - ngModel not updating when called inside ngInclude

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

首先也是最重要的，柱塞：这是我遇到的问题的一个工作演示。我有一个包含部分的ng-include。在partial中，我有一个带有ngModel和directive的文本输入。模型在include内会相应地更新，但include外部的任何交互都会被忽略。include外部的{{test}}不会更新，但include内部的...

问Angular -在ngInclude内部调用时不更新ngModel
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular -在ngInclude内部调用时不更新ngModelEN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular -在ngInclude内部调用时不更新ngModel
EN