问题标签 [angular-formbuilder]

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

javascript - 如何验证角度表单构建器数组中的重复条目?

我正在使用带有表单构建器和表单数组的 angular6 反应形式。我在表单数组的下拉菜单中遇到重复主题条目的问题。如何验证以避免从数组中重复输入。

我有一个带有下拉菜单的主题列表。当我单击添加按钮时,将添加一个主题数组。如果我添加类似的主题,它也会被添加。但我想避免重复的主题条目。当我输入重复主题时,将显示一条验证消息并禁用保存按钮。

堆栈闪电战

ts代码

html代码

0 投票
1 回答
699 浏览

angular - 使用FormGroup Angular 8为每个用户输入创建一个动态密钥

我有一个如下表格: 表单用户界面

下拉列表中有某些预定义的字符串值。输入Sensor's MAC Address字段有一个模式检查正则表达式。

目标

我希望创建一个对象如下:

其中MAC由用户输入并location来自下拉列表。

基于SE 查询,可以使用插入值,patchValue但在示例中,它仅将值修补到现有键。

如何使用 Angular Forms 实现这一目标?

我已经关注了Medium.com 上关于 Angular-in-Depth的博客来创建响应式表单。

代码片段

这为我提供了如下结果:

示例数据

0 投票
1 回答
1696 浏览

angular - Angular Reactive Forms 控件与 Get

当我通过以下方式获取反应形式的值时有什么区别:

以上是我的表格以及从表格中获取值的两种不同方法。但是如果有的话,两种方式有什么区别?

0 投票
1 回答
171 浏览

angular - 是否可以使 Angular ReactiveForm ValidatorFn 设置错误几秒钟?

我正在尝试写ValidatorFn来检查表单的控件是否有重复项。

我已经编写了一个验证器来检查它并返回一个错误,但是这个验证器可以在几秒钟后删除这个错误吗?我知道如何从组件中创建它,但我想编写一次并使用此验证器重用所有控件

0 投票
0 回答
57 浏览

angular - 如何在 Angular 6 的嵌套 formBuilder 中添加新的 formControl?

我有以下使用 Angular FormBuilder 创建的表单:

如何以编程方式在地址中添加新的 formControl?(使用addControl我得到Property 'addControl' does not exist on type 'AbstractControl'错误)

0 投票
3 回答
579 浏览

javascript - Angular,如何使用 formbuilder 将 id 推送到每行的对象

我无法使用 formbuilder 将 id 推送到每一行的对象。所以这是我的表格

我的行

我正在像这样将我的对象推到数组中

所以我的问题是,如何将每一行的唯一 id 推送到对象,然后在 html 中使用 command {{person.id}}、 name 和 e-mail 显示它。我正在使用 Angular 8。在此先感谢。

0 投票
1 回答
139 浏览

angular - 如何设置角度形式的验证器,如果它已经具有无效值,则检测到错误

在这里,我用 stackblitz 留下了这个例子

https://change-validation-form.stackblitz.io

我正在尝试使用表单,我需要它们根据分配给组合的值来更改其验证。例如,这是奖学金的折扣。可以是数量或百分比。如果它是一个百分比,我需要验证它不大于 100。

我正在使用 FormGroup。在 Angular 中,我没有找到一种方法来建立输入验证并标记错误,而无需编写其他东西来验证

0 投票
2 回答
69 浏览

angular - 在 Angular 7 中执行嵌套表单或嵌套表单组件的表单验证?

我正在使用 Angular 7 和模板驱动表单。我在那个表单中有角度表单,我正在调用另一个组件(或表单),并且在那里我已经应用了 required 和templatedriven validations

另一种形式Department Namemandatory在创建时成立Student。当所有必填字段都已填充后,我只想启用该save()按钮。但是由于部门名称字段位于不同的组件中,我将如何检查该字段是否已填充,现在我应该启用该按钮?

dept.component.html

0 投票
1 回答
29 浏览

angular - 如何以角度形式检索多选的值?

我在以我的角度形式检索多选控件的选定值时遇到问题。基本上我得到的是数组位置而不是实际的 id 值。

这是我的控制

和表单初始化

这是我检索值的代码

这是我执行 console.log(this.profileForm.controls["assets"].value) 时表单中的值(来自 chrome 控制台)

所以基本上我得到的值是 0 而不是 1 和 1 而不是 2 等等。

我究竟做错了什么?

0 投票
1 回答
182 浏览

angular - Angular Validator 函数这显示为未定义

我正在使用 Angular FormBuilder 并使用我自己的验证。我有一个formBuilder ...

和 checkPasswords 函数

当我打电话时,this.isTrue我收到以下错误。 Cannot set property 'isTrue' of undefined. 如果我从验证器中删除函数 checkPasswords,那么它就可以正常工作。为什么会这样?

谢谢