问题标签 [angular-ngmodel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
10 回答
187327 浏览

javascript - AngularJS:使用 jQuery 更改时,ng-model 绑定不更新

这是我的 HTML:

当我在框中键入时,模型会通过 2-way-binding 机制进行更新。甜的。

但是,当我通过 JQuery 执行此操作时...

它不会更新模型。为什么?

0 投票
8 回答
250529 浏览

angularjs - ng-model 和 ng-bind 有什么区别

我目前正在学习 AngularJS,并且很难理解 和 之间的ng-bind区别ng-model

谁能告诉我它们有何不同以及何时应该使用另一种?

0 投票
14 回答
269087 浏览

javascript - ng-model 不更新控制器值

可能是愚蠢的问题,但我的 html 表单带有简单的输入和按钮:

然后在控制器中(从routeProvider调用模板和控制器):

为什么单击按钮时在控制台中看到视图已正确更新但未定义?

谢谢!

更新:似乎我实际上已经解决了这个问题(之前不得不想出一些解决方法):只需将我的属性名称从更改searchTextsearch.text,然后在控制器中定义空$scope.search = {};对象,瞧……不知道为什么它在工作尽管 ;]

0 投票
3 回答
11088 浏览

angularjs - Angular - 在 ngInclude 中调用时 ngModel 不更新

首先,plunker:http ://plnkr.co/edit/v1uTz5

这是我遇到的问题的工作演示。

我必须ng-include包括一个部分。

在部分内部,我有一个带有ngModelAND 指令的文本输入。

模型在包含内相应地更新,但包含外的任何交互都将被忽略。包含的{{test}}外部不会更新,但{{test}}内部会更新。

该指令在调用时处理enter键并调用正确的范围和函数。但是,该$scope.test变量从未被更新,而是$scope.testFinal被更新并且ng-include模板适当地呈现它。尝试重置$scope.test模型也不起作用。

我在这里错过了什么吗?或者这是指令或ng-include?

0 投票
9 回答
524016 浏览

angularjs - 如何使用 Angular JS 设置下拉列表控件的选定选项

我正在使用 Angular JS,我需要使用 Angular JS 设置下拉列表控件的选定选项。如果这很荒谬,请原谅我,但我是 Angular JS 的新手

这是我的html的下拉列表控件

在它被填充后,我得到

如何设置value="0"要选择的控件?

0 投票
1 回答
56925 浏览

javascript - ng-model 在输入文本后不再更新

我是 AngularJS 的新手,我遇到了一个我无法解决的问题,stackoverflow 上有一个类似的问题,但它似乎并没有帮助我。我基本上有一个通过 ng-click 更新的表单,但是一旦我在任何文本框中输入文本,这些文本框就不再更新。

这是我的 HTML



这是我的函数,当有人点击链接时调用

0 投票
4 回答
70434 浏览

angularjs - 将 ngTrueValue 和 ngFalseValue 设置为数字

更新:对于最新的 Angular 版本,问题已过时,请参阅 tsh 对此帖子的评论


我已将复选框绑定到一个值:

复选框的值在控制器中设置为 1:

但是,最初该复选框并未显示为选中状态。如果我将初始值更改$scope.checkbox"1",它确实如此。(jsfiddle 演示

我尝试了各种变化:

它们都不起作用。如何使角度将参数视为数字?

0 投票
2 回答
3059 浏览

javascript - AngularJS 使用 ngModel 从 Checkbox 集中获取复杂对象

早上好!

我在堆栈上找到了几篇与此相关的帖子,但我还没有找到任何可以完成我正在尝试做的事情的帖子。

(JS Fiddle 供参考:http: //jsfiddle.net/gsLXf/1/

作为调查的一部分,我有一组动态的问题。我已经想出了如何将文本和无线电响应中的响应绑定到可以发回服务器的“响应”对象。我遇到的问题是复选框。正如您在小提琴中看到的那样,当我尝试做

我所有的复选框都作为一个项目响应(这是有道理的,因为它们都绑定到相同的值。但是,当我使用

ng-model="response[question.id][option.id]"

我弹出一个错误,因为 question.id 还没有被实例化,所以 option.id 不能被推送到对象上。

理想情况下,我对引用小提琴的响应对象如下所示:

我的用户将动态创建表单,因此我必须能够在所有情况下都非常优雅地处理它。我无法将任何与对象相关的数据硬编码到控制器中,也无法手动创建模型对象来处理这种情况。

我曾考虑循环遍历已知的 ID 集以搭建要在初始化期间填充的响应对象,但是当 Angular 有这样一种很好的方式来动态创建响应对象时(这种情况除外),这似乎有点矫枉过正。

这样做的最佳方法是什么?

0 投票
2 回答
107 浏览

javascript - ng-model 的角度范围

这是html部分...

我不明白为什么这有效...

但这并不...

我对角度很陌生,想知道这背后的角度构造是什么,或者为什么会这样。

0 投票
2 回答
1106 浏览

angularjs - AngularJs - 强制范围属性存在于 angularJs 绑定上

我注意到,当绑定到当前范围内不存在的属性时,您不会收到 Javascript 错误。事实上,我相信 Angular 会在作用域上设置一个新属性。

我曾经使用 KnockoutJS,当数据绑定表达式引用视图模型上的未定义属性时,它确实引发了 JS 错误。

有没有办法配置 AngularJS 来做同样的事情?我更喜欢这种“严格”的验证方法,因为 JS 错误消息有助于故障排除

示例 HTML:

和 Javascript:

HTML 上的拼写错误意味着绑定不匹配。如果有 JS 错误告诉我,那就太好了……