问题标签 [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 投票
0 回答
52 浏览

angularjs - 为什么我们需要 ng-form 的 ng-model?

为什么我们需要 ng-form 的 ng-model?没有它就无法正常工作 这是来自 ng book 的示例

它在没有 ng-model 的情况下工作,但 ng-disabled 不起作用。我什至可以在 ng-model 中放入一些随机文本,这样它就可以工作了。

0 投票
3 回答
1641 浏览

javascript - 在 Angular 中获取表单的名称(this.form.name)

有一个简单的表格

单击该按钮应提醒表单名称foo

有没有角度的方法来做到这一点?

编辑:告诉我我父母的名字是一个可能的解决方案。

0 投票
1 回答
504 浏览

javascript - AngularJS ngForm 与 ngRepeat 中的 ngIf 绑定导致未定义的形式

我有ngForm-s 嵌套在一个ngRepeat. 表单绑定到页面控制器上的变量。然后,表单会根据选项卡的活动索引使用ngIf.

奇怪的是,如果我按升序激活选项卡,表单会正确绑定到控制器的表单变量,但如果我按降序激活选项卡,则表单不会绑定。

任何人都知道为什么会这样?

0 投票
2 回答
2608 浏览

javascript - AngularJS ng-messages 在表单甚至在 Bootstrap 表单上被触及之前显示错误

minlength 和 maxlength 错误显示正确的消息并正确设置“has-error”ng-class。但是,如果我在我的字段和相应的消息中添加“必填”,则在重新加载时,“必填”总是出现(直到填写)。

但是,除非触发了不同的错误,否则不会出现红色的“有错误”类。

我在这里错过了什么?

0 投票
1 回答
705 浏览

javascript - 向 Angular 的 FormController 添加属性

https://docs.angularjs.org/api/ng/type/form.FormController

在将表单验证添加到引导项目时,我发现自己经常编写这种模式:

我试图弄清楚是否有一种简单的方法可以将新属性添加到表单控制器的元素中,例如:

我可以为此创建一个函数,但它并不是必须编写的正确解决方案,showError(myForm, myForm.email)但在查看 FormController 的源代码后可能会容易得多

0 投票
1 回答
55 浏览

javascript - 使用 Angular 嵌套旧式表单

我面临一个棘手的问题:我必须在 ng-form 中制作一个带有 action 属性的旧式表单。

我这样做的原因是来自旧式表单的 POST 请求转到另一个网站,并且用户应该被“重定向”(实际上是在一个新页面中)到 POST 请求的结果(这使得登录)。

我可以从 javascript 模拟旧式表单,但浏览器弹出窗口阻止程序会捕获它,并且它必须像单击链接一样简单。

我无法触及外部 ng-form,因为它来自框架。

所以我所拥有的是:

我找不到使这项工作的方法:) 希望您能提供帮助。

[编辑]好吧,我觉得自己很愚蠢。似乎您可以有一个按钮来调用函数来模拟和提交表单,而不会遇到浏览器弹出窗口阻止程序的问题......

它似乎也不适用于 Firefox。

我正在做的是:

0 投票
1 回答
782 浏览

angularjs - 仅在表单中打印数据单击打印按钮 AngularJS

我的表单中有多个添加-删除输入字段行。这不过是一份报告。有一个打印按钮,我只想打印以结构化方式输入的数据。类似于表格、列、行和文本,但不包括按钮或输入框边框。我试过这个打印按钮

并使用创建类

想知道如何编写函数,我可以在单击打印按钮时以结构化方式收集数据并获取打印视图。

这是我正在处理的代码

见 Plunker

0 投票
1 回答
55 浏览

javascript - Angularjs 表单验证

我的页面上有一个联系人列表,每个都显示在一个<input>字段内(它们都在一个<form>元素内。当我单击一个字段并对其进行编辑时,我想要进行一些验证 - 例如,如果该字段不是空的,我想给这个字段一个红色的 BG 和/或在这个确切的字段下方显示一条消息。所以我尝试了这个:

这没有用,我没有看到任何消息。我也试过这个:

但我不知道如何将这部分连接name="{{contact.en_name}}"到 this <p ng-show="contactsForm.en_name.$invalid && !contactsForm.en_name.$pristine"

我也尝试使用$indexas name:

但这也不起作用 - 我没有看到任何错误消息。

我做错了什么,我怎样才能让它发挥作用?

0 投票
0 回答
43 浏览

javascript - 动态表单未标记为已提交

我有一个包含表单的 ng-repeat:

在控制器中

无论出于何种原因,$setSubmitted不做任何事情并且不改变表单的$submitted属性。

0 投票
3 回答
1806 浏览

javascript - 检查 angularjs 中未保存的表单数据(使用 ui-router 的多个表单)

实施细节:

我正在使用 ui-router 在 ui-view div 中加载表单页面。我提到了Andres Ekdahi的一个很好的例子,我如何使用相同的指令对多个表单进行 $dirty 检查?

表格1

表格2

app.js(指令)

错误:

第一次加载页面时,$dirty 值为 false。然后我填写表单详细信息并单击第三个图标(文件),我收到第二个表单脏检查if ($scope.iForm.$dirty)$dirty警报错误。

演示:Plunker