问题标签 [angularjs-ng-form]

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 投票
1 回答
1531 浏览

javascript - 在ngForm中的“输入”按键上触发某些按钮

来自 ngForm 上的 AngularJS 文档:
“如果表单具有一个或多个输入字段和一个或多个按钮或输入 [type=submit],则在任何输入字段中按 enter 将触发第一个按钮或输入上的单击处理程序 [type =submit] (ngClick) 和封闭表单上的提交处理程序 (ngSubmit)”
问题:
有没有办法触发某些按钮而不是“第一个”?

0 投票
1 回答
74 浏览

angularjs - 在 ng-form 更改时显示一个按钮

我有一个ng-form="step1"填充了来自 db 的数据。

当用户在输入框中更改某些内容或选择不同的收音机 btn 时,我想显示一个Update Button.

这个按钮一开始是隐藏的。

这该怎么做?

感谢帮助

0 投票
2 回答
410 浏览

angularjs - 模型更新前 ngForm 无效

在我的应用程序中,$watch如果表格在做一些事情之前是有效的。models问题是 ngForm在我使用它之前不会编译。

示例: http ://plnkr.co/edit/Y7dL67Fn7SaSEkjiFf2q? p=preview

JS

HTML

结果 :

表单最初不应无效,因为$scope.test设置为 1。

有什么线索吗?

0 投票
2 回答
525 浏览

css - angularjs + 嵌套 ng-form + $invalid css for main ng-form.$invalid

我需要在最外面的 ng-form 上设置一个 css 类,如果对于任何孩子,孙子 ng-form,$invalid 是真的。

我有一个 plunker 来检查这个问题。

http://plnkr.co/edit/CDyBbZs3GAUrEfBrap8G?p=preview

有人试过吗?任何指针?

谢谢。

0 投票
1 回答
39235 浏览

angularjs - Angular ng-repeat 与 ng-form,访问控制器中的验证

我正在尝试使用ng-repeat. 我想提醒用户在继续之前更新任何编辑,所以我使用动态ng-form创建“嵌套”表单,因为文档说我可以对这些动态创建的输入使用验证。

虽然这似乎在 HTML 中有效,但我看不到如何访问控制器中那些动态创建的表单和相关的验证字段。具体来说,当用户更改输入时,我使用表单 $dirty 属性调出一个按钮来告诉用户提交更改。到目前为止,一切都很好。但是,一旦提交更改,我想$setPristine()在该字段上指示更改已设置。在我允许提交主表单之前,可能还有其他方法可以确保在每个输入上提交更改,但这是我能想到的最好的方法。

不幸的是,即使文档说如果我将 ng-form 命名为将传播到$scope对象,我也找不到访问它的方法。 $scope.dynamic_form未定义。

这是一个显示我的意思的plunker:

plnk

谢谢!

[编辑] 只是为了增加这个问题,这个特定示例的工作是添加到ng-click动态创建的输入中:

但我仍然无法访问控制器中动态创建的表单。例如,我想添加一个观察者,namesForm.name.$pristine这样我就可以mainForm.$setValidity(false)在子表单时设置,$dirty以防止用户提交主表单,直到所有子表单更改都已提交。

所以简而言之,问题是如何在父控制器中访问动态创建的嵌套 ngForm 的验证值?

0 投票
2 回答
3823 浏览

angularjs - 将 angularjs 输入指令名称设置为变量

我正在尝试设置一个输入

它在dom中工作。我懂了

但是在我的 ngForm 我有

多哈

我为什么要这样做?我正在尝试创建一个指令,以便我可以以编程方式构建我的表单。然后我可以做类似的事情

普朗克

0 投票
1 回答
550 浏览

angularjs - AngularJS:ng-repeat 字段中的 SetValidity

我有一个使用 ng-repeat 生成一些字段的表单。我想附加每个独立字段以设置有效性,以防它留空。有没有办法做到这一点?

谢谢!

0 投票
2 回答
3497 浏览

angularjs - AngularJS - 在表达式中使用 $index 动态命名

我有一个指令,我在其中创建了许多ng-form's 并根据$index(来自ng-repeat)命名每个表单。我的问题是,当表单无效但我找不到如何正确引用表单时,我想显示一个错误容器(包含错误消息) 。

这是我的代码:

例如,我想'innerForm'+$index.input.$invalid被评估innerForm5.input.$invalid

我做了很多尝试,但我无法让它工作。引用我的动态命名表单的正确方法是什么?

0 投票
1 回答
1327 浏览

angularjs - IE8 中的 AngularJS ng-form 替代方案

我正在使用需要支持 IE 8 的 AngularJS 开发 SPA。

在其中一个页面中,我使用<form><ng-form>用于表单验证的嵌套表单:

但是,您现在可能已经知道,在 IE 8 中没有正确处理自定义元素。我现在得到的只是一个空白页面。如果我删除<ng-form></ng-form>,一切都会恢复正常。

我已经<html>这样设置了:

我还包括了 es5-shim

所以我的问题是:

是否有任何<ng-form>替代方法可以让我在可以在 IE 8 中呈现的嵌套表单中使用表单验证?

0 投票
0 回答
275 浏览

javascript - 如果该字段不在 ng-form (AngularJS) 中,如何在 ng-form 中添加字段

我有:

我需要使用指令在 ng-form 中添加“特殊字段”(用于 $dirty 和 $valid)。

我试图获得 ng-form 的 ngModelController:

但是获得 ng-form 的控制器并不能按“名称”工作。

  1. 为什么“按名称获取”不起作用?
  2. 还有其他方法可以将字段添加到表单吗?