问题标签 [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 回答
18300 浏览

javascript - 带有 AngularJS 指令的类似 Google 的搜索框

我正在编写一个 UI 方面几乎与 Google 完全一样的应用程序。我到达登陆页面我有一个搜索框,提交时会将您定向到结果页面。在这里,您有相同的搜索框和其他指令,您可以在其中切换模式:例如。网络,图像。目前我有:

在登录页面上:带有 action="results.html" 的表单,它在 url 中传递参数。

在结果上,我只是在输入上使用 ng-submit="search()" 和 ng-model。搜索框位于 searchController 中。

作为自定义指令执行此操作的正确方法是什么,具有以下行为:

  • 在登录页面上直接提交到结果页面
  • 在结果页面上进行搜索而不重新加载页面并将位置更改为正确的参数?
0 投票
0 回答
136 浏览

angularjs - 为什么指令中 ng-form 的状态不会传播到外部 ng-form?

我有一个 myInputText 指令,它在链接函数中动态生成它的模板。它包含一个围绕它的 ng-form 的输入。输入的 ng-required 属性设置为 true。输入的状态(例如 ng-invalid-required)会传播到指令内的 ng-form,但不会传播到指令外的 ng-form。考虑输入为空的情况,因此其类属性的值为 ng-invalid ng-invalid-required,innerForm 也是如此,但 outerForm 忽略了这一点,即 ng-pristine ng-valid。

这是一个演示行为的 plnkr: http ://plnkr.co/edit/8vGKRN4cJHs224uN2k9T?p=preview

0 投票
1 回答
3362 浏览

angularjs - 在单元测试中提交角度形式

有没有办法在单元测试中提交表单?

我有一个像

例如

SignUpForm是有角度的fromController..但我找不到使用它或scope提交表单的方法...

最后一件事......由于一些不幸的我不能使用protractor或任何其他e2e包......我唯一的选择是进行单元测试......并且视图(注册表单)可以稍后更改......所以必须存在对它进行单元测试,以确保它仍然使用正确的参数调用正确的控制器......SignUpForm在每个测试中从模板加载......所以它是实际的形式,而不仅仅是它的$templateCache模拟

0 投票
1 回答
3084 浏览

angularjs - 提交成功后去掉ng-submitted

我有一个通过 api 提交的表单,可以在发布请求完成后立即重用。

对于验证样式要求,我需要ng-submitted<form>我似乎找不到清除它或重置表单的角度方法中删除 css 类。

我努力了:

但这不会删除ng-submitted课程

angular 1.3中是否存在这种方法?

0 投票
1 回答
298 浏览

angularjs - Angular ng-form 组错误

我对表单和ng-form.

这是示例https://jsfiddle.net/HB7LU/12182/

我想做的是显示群组消息。例如。如果我有 3 个项目并且任何一个无效,则在ng-form.

我不想重复输入下的每条错误消息。如果名称为“数字”的 3 个输入无效,我只想显示一条消息。

有谁知道如何实现这一目标?

0 投票
4 回答
189 浏览

javascript - 当我的所有 Ng-from 都有效时启用一个按钮

ng-Form 的动态验证 启用按钮不会验证所有三个必填字段,它的启用取决于最后一个 Textarea 的必需性。

错误截图

https://drive.google.com/folderview?id=0Bz2v151kdXv8fjNsc0VGLVpOOFNoRklCcTdZNjFkOWproEYteENJTUN1YUZUbHRVc3hNaFE&usp=sharing

0 投票
1 回答
464 浏览

angularjs - Angularjs $setValidity 设置为 false 时不会阻止表单提交。这里有什么问题?

我有一个指令“ensureUniqueValidator”用于检查数据库中值的唯一性。该功能是通用的。在 HTML 页面中调用它的方式如下:

指令代码:

问题是,即使服务器返回 False,表单仍然有效。看起来, $setValidity 函数不会使表单无效。

我在这里做错了吗?提前致谢。

0 投票
1 回答
463 浏览

angularjs - AngularJS 表单中没有名称的错误

如果按钮所在的表单无效,我正在尝试禁用按钮。但是,由于某种原因,与表单关联的 $error 数组包含十个无用错误的列表(因此按钮始终为off),所有错误都具有以下形状:

如您所见,$name 属性为空,并且没有其他有用信息。

0 投票
1 回答
759 浏览

angularjs - 在按钮上禁用 ng 并使 Angular 中的表单无效

我有一个带有 2 个输入框的表单,它下面是 2 个单选按钮,单选按钮下还有几个输入框。

默认情况下,仅需要单选按钮上方的前 2 个输入框。一旦我填充了 2 个输入框,表单将变为有效(myForm.$invalid 变为 false)。现在,当我单击第二个单选按钮时,将需要其他输入框,使 myForm.$invalid 再次为真。如果我单击第一个单选按钮,表单将再次有效。

假设选择了第二个单选按钮并且我们已经填充了所有输入框,我希望表单最终变得有效。我需要这个,所以我可以更改按钮的 ng-disabled。

我们怎么能做到这一点?

0 投票
0 回答
848 浏览

angularjs - 必需的禁用输入类型字段使表单变脏且无效

我有条件的 html 表单,我通过 ng-disabled 有条件地禁用了输入类型字段,并在提交按钮中使用 ng-disabled="formName.$invalid" .....但是禁用的必填字段会使表单变脏和无效。那么如何使用条件形式进行验证呢?