问题标签 [angularjs-forms]

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 回答
1988 浏览

angularjs - 当模型在指令内更新时,Angularjs 表单 $error 不会更新,除非模型被清除

我无法弄清楚以下示例中发生了什么。我只是想在我自己的指令中创建自己的required验证,其中我有一个数组并且我想让它成为必需的(这是对我想要做的事情的简化,但足以说明这一点)

提琴手:http: //jsfiddle.net/gsubiran/p3zxkqwe/3/

当我点击add (outside directive)按钮时,所需的工作正常,但是当我点击add (inside directive)按钮时,我仍然在表单中收到所需的错误(表单是在指令之外定义的)。

但对我来说更令人困惑的是:

当我在clear (inside directive)按下按钮后add (outside directive)按下按钮以使所需的错误消失时,在这种情况下,表单正在更新并显示验证错误。

为什么当我将新元素添加到数组时 $validations.required 没有在指令内触发,但是当我清除它时是的?

有任何想法吗?

*******更新*******

这似乎与array.push我是否更改 array.push 并分配带有所需元素的新数组有关,它可以正常工作。 仍然是为什么会发生的问题。

作为解决方法,我以这种方式在指令中更改了AddElem函数:

0 投票
0 回答
600 浏览

angular - 单击按钮后重定向到另一个页面虽然在单击事件侦听器中没有编写导航代码

这是我的编辑表单 html 模板

这是我的编辑组件

我面临的问题是,当我单击“添加成分”按钮时,它会重定向回另一条路径,而不是添加成分字段。但我从未编写过导致 onAddIngredient() 方法重定向的代码。

我只为取消和保存按钮编写了导航代码。我无法弄清楚导致此重定向的实际原因。有人可以帮我解决这个问题。我希望在单击保存或取消按钮时发生重定向。

0 投票
1 回答
842 浏览

javascript - Angular 中基于服务器响应的动态表单创建

我正在尝试根据服务器响应创建动态表单。例如,我有 8 个按钮,每个按钮在单击时应生成具有不同输入类型的不同问卷。每个类别的问题都是从后端获取的,每个问题都有其类型,可以是单选、选择等。根据这些信息,我如何根据用户的按钮为特定问题集生成表单点击。我想到的一件事是根据单击的类别使用 ng-hide/show,但这将是一个非常糟糕的做法,因为 8 个类别(每个类别 8 个)总共有 64 个问题。任何帮助,将不胜感激。谢谢!!

响应如下:

0 投票
2 回答
1557 浏览

angularjs - 使用 AngularJS 的验证复选框

我有一个表格,但是当我尝试验证复选框时,我遇到了一个问题,因为验证不同,一个验证是一个列表,您必须检查其中一个,然后在表格末尾我得到 2 个复选框,还有一个隐私政策和其他(如果您是 16 岁),但验证我已经检查了表单的所有复选框,并且不区分它是来自列表还是另一个复选框

形式:

JS

一开始我尝试使用input[type=checkbox]:checked但这样验证了表单中的所有复选框。

id="topic"如果是进行一次验证,如果是另一个验证,如果id="age"id="term"另一个验证,如果没有检查显示消息,我该如何进行验证。

0 投票
3 回答
1117 浏览

javascript - 使用 ng-repeat 的 AngularJS 动态表单

我正在使用 AngularJS 动态表单。根据我的用户 ID 值,我使用 ng-repeat 生成了具有相同模型名称的多个表单字段。由于这个 ng-repeat,我无法获得这个输入模型值。在此示例中,我使用的是静态用户 ID 数据。

我的js代码

我需要将对象数组发送到我的服务器。我的用户 ID 也是动态的,它有 100 多个数据。如何获取每个数据字段模型值?以及如何将这些模型数据转换为对象数组,例如我的 sampleserver 数据?

我期待我的最终输出数据是这样的

0 投票
3 回答
1442 浏览

angularjs - 当文本字段中没有输入时如何禁用按钮

如果搜索字段中没有条目,我希望禁用搜索按钮;

在我的 html 文件中,我有:

在我的控制器中,我有:

这是行不通的。我究竟做错了什么?

0 投票
2 回答
514 浏览

angularjs - 带有角度形式选择框的 ng-repeat

我正在使用 AngularJS 动态表单。根据我的用户 ID 值,我使用 ng-repeat 生成了具有相同模型名称的多个表单字段。我正在使用选择框来加载位置。默认情况下,根据我的要求,我需要将第一个选项值加载到该选择框中。我正在使用 ng-init 加载第一个选项数据,但它不起作用。在控制器内部,我试图获取像 $scope.user.location 这样的选择框模型值,但它显示错误。任何人都可以请您为这个问题发送一些 js fiddle 解决方案。

HTML

JS

0 投票
1 回答
141 浏览

angularjs - 角度形式 ng-repeat 删除单个形式

我正在使用 ng-repeat 处理动态表单。我正在根据我的用户 ID 获取动态表单。每个表格都有删除按钮。我的要求是,一旦我单击删除按钮,我需要从我的用户 obj 中删除该特定表单和那些值,以及我需要发送到服务器的剩余值。在这个例子中,我想删除 id 2(第 2 种形式),第 1 种和第 2 种形式的数据我需要存储一个变量。请为此发送一些小提琴。

我的html代码

js文件

0 投票
0 回答
206 浏览

javascript - Angular js oi-select ng-init 和 ng-repeat

我正在使用ng-repeat处理动态表单。我正在使用oi-select库来加载我的位置。oi-select 框具有多选功能。默认情况下,在我的页面加载中,我在该oi-select框中加载第一个选项值。

但是,如果我选择除第一个选项之外的任何其他选项,它会被该值覆盖,我将使用多选功能。由于这个问题,我必须再次选择第一个选项。我的问题是,如何默认将我的第一个选项值加载到oi-select中?

之后,如果我选择任何其他选项,它不会覆盖我在选择框中的第一个值。http://plnkr.co/edit/m6Q02dlHLBCMVLRLfioh?p=preview

我的 HTML 代码

我的js代码

0 投票
1 回答
1530 浏览

angularjs - ng-show 输入无效时不显示

我在 AngularJS 中进行表单验证时遇到问题。我正在尝试根据输入是否无效来显示 div。Angular 将正确的类放在我的输入上(ng-touched 和 ng-invalid),但它仍然将 div 与 ng-hide 类保持一致。

表单.html

角.js

查看其他错误,我确保 ng-show 正在使用 formName.inputName 并且应用程序和控制器工作正常。当表单无效时,该按钮被正确禁用,这使我相信控制器和应用程序不是问题。

我尝试使用 ng-messages 将表单的电话部分更改为

Angular 仍在向输入中添加正确的类,但仍然没有显示。我相信 ng-if 评估错误。奇怪的是,当我跑步时

在控制台中它以未定义的形式返回