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

angular - formBuilder 控件的 setValue() 和 patchValue() 方法在 cordova 插件的方法调用中不起作用

我创建了一个离子标签应用程序,需要使用cordova-plugin-datepicker和使用 Angular Material 来显示表单字段。

我正在尝试使用从插件日历中获取的日期设置文本输入的值,onSuccess()但它不会更新输入。如果我将代码放在插件的方法之外,它就可以工作,比如把它放在 test() 函数中并在字段单击时调用它,它可以工作并将日期正确地放在输入字段中。

我的html:

我的ts:

0 投票
1 回答
281 浏览

angular - 如何在表单提交时显示验证错误

我想在点击提交按钮时显示验证错误。我尝试使用 markAllAsTouched() 函数,但它不起作用。错误仅在触摸字段后进行比较

html:

TS:

0 投票
1 回答
56 浏览

angular - “formGroup”表单未提交且验证不起作用

我的 Angular 组件中有一个 [formGroup] 表单,它使用 ControlMessages 在提交表单之前显示错误。但是我的“必需”验证错误都没有出现,我的输入也没有从被禁用状态改变。我希望在将字段留空时显示所需的错误。

组件.HTML

组件.TS

控制消息.组件.TS

0 投票
1 回答
39 浏览

angular - 在 anuglar 组件 html 文件中出现错误:找不到带有路径的控件

嗨,我是 Angular 新手,目前我收到如下错误。如果您能对此有所帮助,我们将不胜感激。

所以以下是我想要做的。我有一个表单组,其中有表单数组,如下所示

在 tagonSettings 表单数组中,我正在尝试创建并推送 FormGroup 的实例,如下所示。我推动表单组的原因是因为我需要对一些控件进行分组。

在我的组件 html 中,我正在执行以下操作。

0 投票
2 回答
624 浏览

angular - formArray 内的 Angular formGroup,formGroup 无效,但 `formArray.valid` 为真

这是我的主要代码:

在我的模板中

当我输入一个无效的电子邮件时,模板中的结果是true true false false,为什么formGroupemailFormArray是有效的?谢谢!

0 投票
0 回答
2663 浏览

angular - 如何在angular7中的单个formControl中添加多种输入类型?

我正在做一个我正在使用formbuilder的角度项目。我需要有两个输入选项。
1) 选择
2) 输入文本框
在选择输入中选择选项时,将显示文本框。

我在提交表单时发送数据时遇到问题。文本框中的值正在发送未定义或在多选的情况下仅发送输入文本框。

如何发送两个值?

示例代码:-

component.html中

组件.ts

这是有效的。我所做的是我创建了一个函数,并且在输入文本框中的 keyup 事件中,我将该值保存在 component.ts 中的一个变量中。然后我将该变量推入数组平台。

你能帮我用更正确的方法来做到这一点吗?

0 投票
1 回答
5795 浏览

angular - 如何在Angular FormArray中动态绑定ngSelect下拉列表

我在使用 Anguarl FormArray 中的 ngSelect 下拉列表时遇到问题,我正在使用 FormArray 构建一个包含州和城市下拉列表的 FormGroup。

状态 ddl 会加载 oninit(),然后当我改变状态时,城市 ddl 应该加载各自的数据,但它不应该影响其他城市 ddl。

在此处输入图像描述

在选择尊重的州之前,不应加载其他城市下拉菜单。

我最初可以加载状态,但无法在状态更改时绑定 city ddl。这是我的代码。请看一看。

这还没有回答

0 投票
1 回答
122 浏览

angular - 如何将数组发送到角度自定义验证器

这是我的验证器功能。我需要从我的组件传递条形码数组。我尝试了很多方法,但没有任何效果。

0 投票
2 回答
735 浏览

angular - 无法访问嵌套 formGroup 的值

我正在创建嵌套的 formGroup 字段。以下是我的html

下面是我正在使用的打字稿......

当我尝试在 html 中打印它时,我没有收到city子 formGroup 的 formControl。我尝试以不同的方式访问该值,例如: (<FormGroup>this.userProfileForm.get('address')).get('city').value;this.city=this.userProfileForm['controls'].address['controls'].city.value 我仍然无法让城市字段在 html 中显示。我也用过this.city=this.userProfileForm['controls'].address['controls'].city.valid,它总是返回false。

我还创建了 2 个模型类: UserProfile

地址

如何访问嵌套的 formGroup 值?我在这里做错了什么?

0 投票
2 回答
1798 浏览

angular - 出现错误:formGroup 需要一个 FormGroup 实例。请传入一个

我正在尝试使用reactive forms单击按钮时添加的动态值。我收到以下错误:

formGroup 需要一个 FormGroup 实例。请传入一个

这是我的例子:动态反应形式

我是新手reactive forms。文件中的一些代码ts