问题标签 [angularjs-ng-model]

我有以下循环，我试图在每次循环中根据数组索引增加几个字段。

我想做类似的事情”

Angular 没有呈现该值吗？在 mg-model 字段中添加这种逻辑的最佳方法是什么？

我刚刚开始学习使用 Angular.js，但我不知道这个：

我想显示数组中选定的与数组中的value ="song.title"匹配的项目song.title。

这是我的代码

现在我想在此显示更多选定的歌曲数组：

我已经实现了一个自定义输入指令 -counter具有重置功能。该指令具有require: "ngModel".

我正在用 重置指令的原始ngModel状态$setPristine()。与 不同$setDirty()，$setPristine()不触及$pristine父窗体的状态。

问：我如何“通知”父表单该指令不再“脏”，以便父表单可以$pristine重置其状态？

请记住，仅调用form.$setPristine()是不够的，因为表单中可能还有其他“脏”控件，我的指令不会（也不应该）知道这些控件。

这是指令的链接功能：

以下是它的使用方法：

笨蛋

我有一个 AngularJS 指令，它包含一个文本输入，它有自己的模型，该模型通过指令的 ng-model 从控制器范围传递一个值。

看看这支笔（和下面的代码）：http ://codepen.io/ericwshea/pen/KwXRyr

问题是有时该模型恰好是空值或未定义值，在这种情况下，我想使用文本输入的 ngModelController 将文本输入中空值的显示格式化为类似于“NULL”的内容。

如果该值是我在格式化程序中匹配的任意字符串，则它可以工作，但如果该值为 null 则不能（我也用未定义的相同结果进行了测试）。

对此有任何见解/解决方法，还是这只是 $formatters 的缺点？

HTML：

JAVASCRIPT：

我有以下简单的表单，其中 type='email' 输入绑定到模型：

假设用户输入了无效的电子邮件，但随后单击了“取消”按钮……因此需要重置表单。

在“取消”按钮的 ng-click 处理程序中，如果我将模型的值设置为“未定义”，这不会将输入元素的 $valid 属性更改回 true（也不会更改表单）。

如果我将模型的值设置为空字符串“”或 null，则 $valid 属性确实会设置回 true。

为什么是这样？

我有一个 JS Fiddle 这里展示了这种行为：

http://jsfiddle.net/U3pVM/12830/

我正在尝试创建一个具有一组动态输入框的表单。我试图让 ng-models 与数组项一起工作，但我显然做错了。

我的问题似乎是在模板中索引范围数组 lineItems。

这是我的jsfiddle：http: //jsfiddle.net/dk253/9ykuuobq/

这是我的代码：

谢谢你的帮助！

我有一个简单的 Angular 应用程序，其中包含两个不同模型的文本框

现在，如果在第一封电子邮件中输入了某些内容，我希望将其填充到第二封电子邮件中，但如果手动编辑第二封电子邮件，则此绑定应该停止，即第一封电子邮件中的进一步更改不应影响第二封电子邮件。

我的代码：

这是我想要完成的一个jsfiddle 示例。

我正在尝试构建一个美国电话号码输入，其中视图显示为 (333) 555-1212，但模型绑定到数字整数 3335551212。

我的目的是添加自定义验证器，NgModelController这就是我拥有的原因require: ng-model；有没有隔离范围和的更简单的解决方案NgModelController，但我需要两者。

您将在控制台中立即看到一个错误：Error: Multiple directives [ngModel, ngModel] asking for 'ngModel' controller on: <input ng-model="user.mobile numeric" name="telephone" type="tel">--以为我在这里使用了隔离范围...

我正在尝试使用ng-repeat创建用户表单，但我有点挣扎。当我使用数组中的名称将输入绑定到范围时，signupForm.modelBindings名称被设置为input值，显然这不是我想要的。如何将输入绑定到范围，同时将输入留空？

PS：感觉就像我试图以一种非常笨拙的方式做到这一点，有没有更好的方法来实现我想要的，而不必创建大量包含这些值的数组？

编辑：我找到了一个更好的解决方案，但我仍然遇到输入不为空的问题。看看更新的代码：

表格信息：

我尝试通过将范围设置为空字符串来清除它，但它不起作用：

我了解到 ng-model 将 html 值绑定到应用程序数据。但是在下面的例子中，应用程序数据是预定义的，它将数据输出到 html。这是如何/为什么会发生的？例如：http ://www.w3schools.com/angular/tryit.asp?filename=try_ng_directives