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

angularjs - ngForm 是否创建新范围

ng-form 指令会在 Angular js 中创建一个新的子范围吗?

已经谷歌搜索了半小时找不到太多。

0 投票
1 回答
54 浏览

angularjs - 如何仅将父表原始项目启用为可编辑?

单击编辑按钮 ( ng-click="editmode = !editmode") 时,显示整个表格input。是否有任何解决方案可以显示仅显示<input type="text">为可编辑?

0 投票
1 回答
180 浏览

javascript - 带有 $setPristine() 的 ng-form

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

对于 ng-disabled,我可以使用 {{$index}} 在原始函数表单名称中出现语法错误。

0 投票
1 回答
2646 浏览

angularjs - ng-repeat 中的 AngularJS ng-form

我有一个页面,其中包含许多项目(通过 ng-repeat 呈现),这些项目中的每一个都包含一堆“只读”数据和一个表单。

我正在使用 ng-form 指令并将它们命名为this question/answer

但是,我的不同之处在于我没有将 ng-form 放在重复的元素上,因为在该表单中包含所有显示字段/div 并不“感觉正确”。

相反,我的 html 看起来像这样:

问题是我无法访问控制器范围内的表单。问题的答案(上面链接)表明这种命名约定有效,我应该在控制器的 $scope 上看到许多对象可以访问。

但是,正如在此plunk中演示的那样,单击“在控制台中查看范围”按钮 - 显示表单尚未添加到范围中。

我是否需要更改 html 的结构以在同一元素上同时使用 ng-repeat 和 ng-form 才能正常工作?

0 投票
0 回答
45 浏览

angularjs - ngPattern 在 ngForm 内拒绝所有输入

我有一个ngRepeat填充表单,但 form.input.$error.pattern 为真(输入与RegExp不匹配)与第一个输入的文本输入中的任何内容。对于 form.input.$error.required 之后的所有输入,即使输入文本中存在某些内容,它也保持为真。.ng-pristine、.ng-touched、.ng-dirty 等类仍然按预期运行。

服务定义正则表达式:

注入控制器:

控制器:功能($范围,Appform){

该对象在 ngForm 内的ngRepeat中使用:

怎么了?

0 投票
3 回答
2048 浏览

angularjs - 仅在焦点字段脏时显示/隐藏 ng-messages 包装器

仅当目标中的字段脏并包含错误时,我才尝试显示/隐藏我的 ng-messages div...

我有这个 ng-messages 包装器:

我的表格是:

在我的例子中, div ng-messages 容器显示了任何字段$dirty何时是以及 form(changePwd) 何时是$invalid

我希望 ng-messages 仅在焦点字段脏且无效时显示,而不是在全局表单脏时显示。

例如,当我开始在 inpu(o) 中写一些东西时,ng-messages 显示...

ng-messages 显示不应该显示的时间

我做错了什么吗?

0 投票
2 回答
872 浏览

javascript - 如何让ngForm知道它嵌套的表单已经提交

我知道的

在 Angular 1.3 及更高版本中,我可以访问$submitted它可以告诉我是否已提交相关表单。当以这样的方式处理表单时,这工作得很好而且很漂亮:

问题

但是,如果我动态生成 ng-form,因此不知道 ng-form 嵌套在其中的表单的名称,那么当我想知道父级是否已提交时就会遇到问题。我想要此信息,以便我可以将其用作何时显示嵌套 ng-form 中的输入的验证错误消息的参数。

假设我有一个指令,我想将其用作表单的一部分。

索引文件

指示

模板

我该如何解决这种情况?有没有办法动态获取我的 ng-form 嵌套的表单的名称,或者我可以以某种方式监听父表单上的提交?

一个小玩意儿

我看过的

我曾尝试查看RealCrowds Angular-Utilities,并在我当前的项目中使用它(因为到目前为止我一直在使用 Angular 1.2),但他们似乎也无法处理这种情况。(尽管有一些讨论

0 投票
1 回答
341 浏览

javascript - AngularJS 动态表单生成

我在角度方面遇到了一些麻烦。

我需要使用由外部系统构建的 JSON Spec 生成表单(来源是可信赖的)。

首先我遇到了 FormController 的问题,因为它没有检测到我通过指令生成的元素,然后我通过将表单和字段同时生成到指令中来解决问题 问题是它像你一样非常混乱可以在这个JSFiddle中看到。

请注意,案例文本框是我的代码失败的地方,对于每个其他字段,我生成一个普通的输入/选择/文本区域字段并将其推送到容器。在文本框的情况下,我尝试推送一个新指令以稍微整理一下这个混乱,但 FormController 不会将其识别为其他普通项目。

关于如何让角度识别新指令生成的字段的任何想法?

附加物

1.- ngModel 工作正常,它更新正确。
2.- 更新JSFiddle

0 投票
3 回答
485 浏览

angularjs - 角形保存-保存

成功保存表单后,我想将表单按钮的文本从“保存”更改为“已保存”。

控制器:

这工作得很好,但是当用户更改表单中的值以再次保存时,如何将按钮重置为“保存”?我想到的一种可能性是对表单的原始状态进行 $watch ,但我认为有更好的解决方案吗?

0 投票
2 回答
65 浏览

javascript - Angularjs表单验证在指令上失败

我在页面上有一个表单,如果所有表单元素都在页面上,则验证很好,http://jsfiddle.net/nkanand4/6za8h8xg/1/

但是,如果我正在做一种向导形式的表单,这将停止工作,其中每个步骤都使用指令http://jsfiddle.net/nkanand4/pe17afvq/2/填充。

任何有关如何解决此问题的想法将不胜感激。谢谢。

编辑:我最初是从 ng-include 开始的,但放弃了这种方法,因为如果我使用它,数据不会从第 1 步到第 2 步再回到第 1 步。原因是当你来回移动时会创建一个新范围. 因此,我需要一种将所有数据保存在范围属性下的方法,例如 $scope.data.user.name,这样我就可以在请求时将 $scope.data 传回。