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

angularjs - Angular Single Page App with JSON Object Depending on the Selection of Another

I am putting together a questionnaire. Each question has three options to choose from. Each object containing the question has another object named 'dependsOn'. An example would be that if "Yes" is selected on question 1 then the following two questions will show, otherwise they will be skipped. I appreciate any help, ideas, suggestions you may have for this small app. Here is a CodePen I put together: my codepen

Angular code:

0 投票
3 回答
2085 浏览

javascript - 以角度形式将一个输入字段值连接(附加)到另一个字段

尝试将第一个输入字段值自动填充到第二个输入字段值中,但是如果第二个输入字段作为现有值,那么我想将第一个输入字段值附加/连接到第二个。

逻辑:

html:

代码:

笨蛋

更新(问题):

当我输入Jake所有者字段时,它会遍历字母并打印Jake,Jak,Ja,J成员字段。如果我在成员字段中有预先存在的值Adam,则在输入Tom所有者字段后,它将Tom,To,T,Adam在成员字段中创建。请检查 plunker 以进行演示。

0 投票
1 回答
1087 浏览

angularjs - 如何检查ngform是否有效

我正在使用 ng-repeat 动态创建控件,如下所示

在我的控制器中,我想检查内部形式是否有效。我在下面尝试过,但它不起作用

请建议我如何动态检查内部形式的有效性。

谢谢,

0 投票
1 回答
126 浏览

javascript - 当在一个表单中进行更改时,ng-disabled 会触发所有表单验证

我在一个 html 页面中有多个表单,每个表单都执行一些操作,如添加、编辑。

每个表单都有 ng-disabled 指令,用于检查某些条件,并在发生某些更改时触发相应的 ng-disabled 函数。

问题是当一个表单更改值时,它会触发每个表单的所有 ng-disabled 函数。

代码 :

脚本代码:

链接

您可以在控制台中看到它在模型之一更改时运行所有功能。

0 投票
2 回答
200 浏览

angularjs - Angular ngForm 包装元素?

是否有一种角度方法可以将输入元素包装到ngForm指令中?(我需要使用ngForm,这是变成asp.net形式的)

Tks

0 投票
1 回答
153 浏览

javascript - 反应版的 ngForm

我最近一直在玩 React 并且非常喜欢它,但是我错过了一些我习惯于在其他框架中拥有的东西。ngForm 中主要的一个来自 angular,angular 使用它来提供非常简单的表单验证。检查表单是否有效就像 vm.myForm.$valid 一样简单。

在反应中,我发现自己写了大量的样板来基本上复制我在 ngForm 中的内容。我想知道是否有用于表单验证的插件,如果没有,社区是否有首选的验证方式?

0 投票
1 回答
75 浏览

angularjs - 如果表单名称是变量,我如何从 ng-form 访问表单?

如果 formName 设置为“myformName”,则以下代码有效

但是我们当然不知道表单名称,因为我们使用的是变量。

如何使用可变表单名称而不使用硬编码表单名称从 ng-form 访问表单?

以下不起作用:

0 投票
0 回答
444 浏览

javascript - Angular Bootstrap 选项卡内范围内的 Angular JS 访问表单

我在 Angular JS 1.4.1 原型中有一个表单。当它脏的时候,我有一个班级。我正在尝试模拟某人“保存”表单,因此它不脏,它是“保存”的,因此更改仍然存在,但不再脏。

表单片段:

将表单设置为原始只对我内联有效,而不是在控制器中的函数中。所以这有效:

但不是这个:

我收到运行时错误“未定义对象覆盖表单”。

由于我尚未弄清楚的原因,它适用于这个 codepen,但不适用于我的项目。

更新:

在搜索有关访问包含内容的表单后,我发现了这一点:

并在控制器中分配它:

不确定这是否是最佳做法,但它确实有效。更新了代码笔。

0 投票
1 回答
1099 浏览

angularjs - 基于子表单的父 ngForm 脏状态

我在尝试更新我的父 ngForm 状态时遇到了一些问题;当所有孩子都被清理并设置为“原始”时,它应该设置为“原始”......但这似乎不会自动发生。

我在这里创建了一个 plunk 以更好地解释问题:http ://plnkr.co/edit/vCX7ltOb8fgl3fkEpvzy?p=preview

我哪里错了?我找到了使用外部模块的解决方案......我想用尽可能少的代码来解决它(也许是指令?)。

0 投票
2 回答
5889 浏览

angularjs - 验证嵌套表单而不影响父表单

angularjs 1.5 中的嵌套表单存在验证问题,github 中存在关于它的问题。

但是该主题中的 2 人提供了解决方案,其中一个人已经打开了通往 angularjs 核心的方式,即 ngFormTopLevel 指令,另一个人由名为isolate-form 的用户提供。

但是他们俩都无法处理这种情况,并且不为我工作……至少!

让我们假设这个结构:

tl;dr:ButtonX1 依赖于嵌套表单验证,它不应该!


测试用例 1:

第 1 步:用任意文本和超过 5 个字符填写 input3。

预期:应启用 ButtonX1。

结果:ButtonX1 仍然被禁用。


测试用例 2:

第 1 步:用任何文本填充 input1。

第 2 步:用任何文本填充 input2。

预期:ButtonX2 应该启用。

结果:ButtonX2 已启用。


测试用例 3:

第 1 步:用任意文本和超过 5 个字符填写 input3。

第 2 步:用任何文本填充 input1。

第 2 步:用任何文本填充 input2。

预期:应启用 ButtonX1 和 ButtonX2。

结果:ButtonX1 和 ButtonX2 已启用。


另一个问题是当 Input01 无效时,嵌套表单内的 P 标签不显示。我尝试了 isolateForm 和 ngFormTopLevel 但他们都有这个问题。