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

javascript - 如何在 Angular 中以 FormArray 反应形式获得唯一值?

我创建了一个 stackblitz 应用程序来在这里演示我的问题:https ://angular-ry1vc1.stackblitz.io/

我在选择 HTML 列表上有 formArray 值。每当用户更改选择时,它应该在页面上显示选择的值。问题是我怎样才能只显示当前选择并且它不应该覆盖之前选择的值。我想知道如何使用key来使值的占位符独一无二。TIA

form.html

component.ts

0 投票
1 回答
560 浏览

angular - 仅提交 FormArray 内的响应式表单中的选定值

我相信这是一个简单的问题,但我很困惑我应该如何只在我的提交按钮上提交选定的值,就像我希望只有成分 ID 和价格应该出现在 console.log 上一样。我很困惑,因为它在 formArray 内部。数量不应该出现在 console.log 上?这是我的 stackblitz代码

0 投票
1 回答
121 浏览

angular - 允许基于反应形式的可用数量输入数量

我需要帮助解决我的问题,因为我只需要根据我的行上的可用数量输入数量吗?如果满足此要求,我如何才能提交按钮?我该如何检查这个?这是链接链接代码

0 投票
1 回答
1169 浏览

angular - Check if there was an error in any control within the formgroupname

I have these controls within a group, I want that as soon as an error occurs, it is visualized in the template.

My file .ts:

#xA;

My file.html:

#xA;

When I ask if there was an error in the formGroupName:

#xA;

the error is not displayed

Any idea?

0 投票
2 回答
11292 浏览

angular - FormGroup 包含带有 Angular FormArray 的单选按钮

我有以下代码动态添加包含标题和两个单选按钮的表单组以创建条件,有效地提供其标题以及它是否是可接受的条件:

问题是,当单击 ADD A NEW CONDITION 按钮并出现新的表单组时,每次我选择组数组中的任何单选按钮时,组中第一个数组项的相应单选按钮就是被选中的单选按钮.

0 投票
1 回答
1470 浏览

angular - 检测 FormArray 验证器中的哪个 FormControl 导致值更改

我可以轻松验证数组是否完全满足某些验证规则。当我想与表单数组中的特定控件进行交互时,问题就出现了。

我有包含表单组的表单数组。每个表单组都有几个表单控件。

组如下所示:

表单数组包含ascendingValidation进行验证的组和函数。组是动态添加的,并且不受限制。

在页面结果将是网格: 在此处输入图像描述

表单需要在“LTV 范围顶部 (%)”列上执行升序验证。

示例(我总是在谈论“LTV 范围顶部 (%)”列):

  1. 第一种情况:如果用户将第一行中的值更改为 44 而不是 41,则此字段(表单控件)将无效,因为用户破坏了升序。我只想在第一行显示错误消息,因为用户更改了该值。
  2. 第二种情况:如果用户更改第二行并添加 40 而不是 43,则该字段需要无效。我只想在第二行字段错误消息上显示。
  3. 第三种情况:如果用户用户在第一行添加 45 而不是 41,则需要在该字段上显示错误消息。如果用户在第二行添加 46 而不是 43,则需要在第一行删除错误,因为满足升序。

问题:

我正在使用表单数组级别验证。我的问题不是如何实现算法来检查数组升序以及哪些值不是升序。这是最简单的部分

在表单数组验证中,当值发生更改时,我可以访问所有数组元素。实际上我不知道哪个控件是最新更改的。

如何检测哪个控件导致表单数组验证器中的值变化?

有没有更好的方法来进行这种验证?

0 投票
1 回答
326 浏览

angular - 在 Angular 4 响应式表单中检查多行自定义验证器

我有一个非常简单的问题,我无法解决。首先,我有一种已批准数量的成分。这种成分有几个有效期。但是,我想检查我的“转让数量”的到期日期是否不超过批准的数量。

我应该如何检查这个?我已经完成了一些部分,但是这个我无法比较,因为它必须根据一个批准的数量检查几行“要转移的数量”。这是下面的代码链接:

分叉链接在这里

例子

0 投票
2 回答
1576 浏览

angular - 在反应表单Angular 4中从下拉列表中选择另一个值后清除FormArray

我有一个问题,因为我需要先选择一个仓库才能看到成分。我的问题是当我尝试更改另一个仓库时,我如何清除表单数组或整个表单,因为每个仓库都有不同的成分集?我试图这样做,this.form = new FormGroup({})但它破坏了订阅。我怎样才能做到这一点?下面是我的代码。

0 投票
1 回答
1408 浏览

angular - Angular 5手动设置选择对象值

我有一个选择,我想手动设置一个对象值。我尝试将 setValue 或 patchValue 与 Object 一起使用,但它不起作用。

我知道同时使用模板表单和反应表单是不正确的。

0 投票
1 回答
4452 浏览

angular - Angular 5在formControlName中获取选择选项的文本

我得到了选择选项的价值,我想以我使用 ReactiveFrom 的形式获取选定的选项文本

组件 HTML:

有没有办法得到它。?