问题标签 [angularjs-ng-model]

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 投票
2 回答
874 浏览

angularjs - 在 ng-repeat angularjs 中绑定数据

*这是我的 html 文件,我想在其中重复章节,这是一个看起来像我的代码将选中的复选框(索引值)绑定到 true 的数组。但我需要在提交时检索整个章节列表及其 ID。无法弄清楚如何在嵌套循环上迭代它 *


JSON文件:

[{"name":"Chapter 1: Negative Messages","id":"832115"},{"name":"Chapter 2: Physics","id":"832115"},...]

0 投票
2 回答
1204 浏览

angularjs - 当输入无效时,Angular 不会在模型更改时恢复 null-but-valid 输入值

我遇到了一个奇怪/令人困惑的行为<input>和表单验证。

本质上,如果输入有一个无效的数值(设置form.$validfalse),如果模型值更改为null,它会将$valid标志设置回true,但不会更改输入字段中显示的值。

我创建了一个plunker来说明。请按照以下步骤重现:

  1. 将单元格的值修改为空。
  2. 单击保存链接(保存null到模型中)
  3. 输入一个非数字字符。
  4. 单击重置null链接(从模型中恢复)
  5. 观察输入字段不再无效,但无效字符仍然存在。

这是一个错误还是我做错了什么?

编辑:

我开始相信这是一个错误。我通过引入另一个强制""null. 这是上面带有“修复”的 plunker 的一个分支。

编辑2:

这已在 v1.3+ 中修复

0 投票
1 回答
2097 浏览

angularjs - 角度时间验证似乎在 1.3 中不起作用?

我有一组简单的代码:

它可以从这里执行:http: //jsfiddle.net/U3pVM/9824/ 这个 JSFiddle 使用的是 1.3.0.beta 17

如果我将 Fiddle 更改为 1.3 版本,它每次都认为是无效的。

(如果时间有效,则显示在数据输入框上方。)

关于此验证有什么问题的任何想法?

0 投票
1 回答
2097 浏览

javascript - 使用嵌套 json 在 ng-options 中为 angularjs 解析对象选择下拉列表

我有以下json:

我想要做的是仅在“正常”下的下拉列表中显示 fontName,并将值设为 fontFamily。

我试过了

但没有运气。我在我的控制器中将 $scope.designFonts 设置为 json 是什么。

0 投票
1 回答
636 浏览

angularjs - 在Angular中分配给ng-model的函数

我想将滑块集成到我的网站中。我为此使用http://darul75.github.io/ng-slider/。但是我不想为我的滑块使用硬编码的起点和终点。我也不想要硬编码的默认值,例如

在我看来

相反,我更喜欢对 options.from/options.to 和 value 使用一个函数。

例如 value 的函数应该类似于:

请注意,数据来自标准 HTTP 请求,并返回一个数组,函数 forfromto看起来应该类似。首先,如何为 ng-model 分配一个函数,其次如何为 ng-model 分配一个函数from

希望你能帮我解决这个问题

0 投票
1 回答
349 浏览

javascript - AngularJS - 通过跟踪选择不会在 ng-model 中设置列​​表对象

我有一个选择:

我的 data_sources 数组中的 Data_source 对象的形式为

在初始化 data.data_source 包含我从 db 检索的对象

选择中显示了正确的值,但在我的 ng-model 中,我的原始 data_source 对象只有“id”属性。我在这里要的是来自 data_sources 数组的对象及其所有属性(名称和其他)。有没有办法这样做?

0 投票
1 回答
3407 浏览

angularjs - Angular - ngModelController 缺少 $validators?

我一直在这里查看 Angular 文档: https ://docs.angularjs.org/guide/forms#custom-validation

我正在尝试使用自定义指令创建自己的输入字段验证器。我创建了一个与上面链接中的指令相同的指令,仅使用我自己的验证功能(6 位密码)进行了定制:

当我运行它时,我得到了这个错误:

我在这里想念什么?

0 投票
2 回答
7386 浏览

angularjs - angularjs ng-paste 不更新模型值

ng-paste在将链接粘贴到 textarea 时使用了 textarea,我正在调用自定义函数来存储该值。请参考以下代码

但在控制台中,我总是获得undefined价值。我怎样才能得到我的对象价值?

0 投票
1 回答
7643 浏览

arrays - 将数组转换为对象Angularjs

我有一个类似的数组var names=["price","quality","service"],我必须将该数组转换为类似的对象names=[{"name":"price", "value":"1.3"},{"name":"quality","value":"3"},{"name":"service","value":"3.4"}]。每次数组值都不同。ng-repeat我需要使用like来构建具有该值的输入字段

当用户提交表单时,我如何将值作为对象获取。谁能帮我。

更新

我需要这样的json:::

names=[{"name":"price", "value":"1.3"},{"name":"quality","value":"3"},{"name":"service","value":"3.4"}]

谢谢!

0 投票
1 回答
3436 浏览

angularjs - AngularJS:用于 ng-check 检查输入的 $pristine

我有一个包含大约 100 个问题的表单,每个问题都有一个收音机和一些复选框,所以我需要用户能够保存表单并稍后加载它。我还需要检查用户在此会话中更改了哪些内容。

这个问题解决了问题:How can I denote which input fields have changed in AngularJS

第二个答案(存储模型的旧值和当前值并比较两者)就是这样做的。但是,如果我想使用 $pristine 解决方案,我就有问题了。取消选中一个 ng-checked 框不会改变它的 $pristine 值。只有在取消选中后再次选中该框,$pristine 值才会变为 false。

我知道我不应该将 ng-model 与 ng-check 一起使用,但我从服务器获得值 1 或 0 的答案。用作模型的此值不选中复选框。

值来自服务器的 1。取消选中并选中该框将其更改为“真”

这是一个plnkr:http ://plnkr.co/edit/3xcI0Yq9WPZ1IxJJjKGt?p=preview