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

angular - Angular 2 Reactive Forms 找不到控件

我是 Reactive Forms 的新手,我正在尝试制作一个具有indicadores以下功能的组件answers

使用此组件:

和模板

它总是抛出异常:

而且我不知道为什么...

console.log(indicadoresFormArray); 在此处输入图像描述

0 投票
1 回答
3193 浏览

angular - Angular - FormArray 的 valueChanges

如果我只想为 step1.transporter_id “valueChanges”,那么这个 observable 工作正常

如果我想“观看”“停止:this.fb.array”,语法是什么。

无效的例子

0 投票
0 回答
238 浏览

angular - 以反应形式使用自定义验证器

我创建了自定义验证指令:

我目前将它用作属性,但是如果我想在反应形式配置中使用它应该怎么做,如下所示:

?

0 投票
1 回答
5076 浏览

forms - 如何设置嵌套 formBuilder 组的值

我的嵌套表单目前以这种方式格式化:

我通常会这样设置值:

this.user.controls['quest1'].setValue('false');

但是因为 formGroups 是嵌套的,所以我不确定如何设置嵌套值。

如何为“quest2”设置值?在嵌套 formGroup 中设置表单控件值的正确语法是什么?

0 投票
3 回答
1938 浏览

forms - Angular 2 FormControl.reset() 不起作用,但 .resetForm() 起作用(但打字稿错误)

在我的 Angular 2 表单中,我有以下打字稿:

和模板html:

我尝试使用 .reset() 函数,但它什么也没做。.resetForm 实际上将表单的 _submitted 属性从 true 重置为 false,但是,它给了我一个 TypeScript 错误Property resetForm does not exist on type FormControl

首先,resetForm 是一个有效的实际功能吗?我似乎找不到任何文档......但它有效并且 .reset() 没有。

其次,我怎样才能摆脱这个 TypeScript 错误?我需要更新 Angular 2 的类型吗?

0 投票
1 回答
59 浏览

forms - Angular:myForm.errors 代表什么?

我想从表单中获取所有错误。我尝试使用Angular 文档附带的实时示例,并将其添加required到第一个字段中:

https://plnkr.co/edit/6b1paWOlKtXnDn1VVCyP

如您所见,如果您清空该name字段,它会触发required验证器,并且control与 name 字段相关的字段有一个错误对象...但对象的errors属性myForm仍然是null. 为什么?

它不应该包含一个包含由子控件的验证器触发的所有错误的对象吗?那么errors财产代表什么呢?

0 投票
6 回答
30494 浏览

angular - 无法直接访问 FormControl 实例。无法读取未定义的属性“无效”

无法以与 Angular 文档中相同的方式访问它,因此必须先获取 FormGroup 实例并在其中找到 FormControl 实例。我想知道为什么?这个例子有效:

虽然这会引发错误(仅在 *ngIf 语句中存在差异):

无法读取未定义的属性“无效”

表单组件:

0 投票
3 回答
6804 浏览

angular - 将预填充值传递给 Angular 2 反应式表单输入的方法是什么

我知道这可能是一个非常简单的修复,我只是没有看到它。我有我的反应式formControlngOnInit但我需要将预设值传递给每个输入(即this.firstName,this.lastName等)。当视图加载时,输入为空。

我相信这些值没有显示出来,因为在填充值之前正在加载表单。有想法该怎么解决这个吗?

0 投票
3 回答
9640 浏览

angular - 如何在组件销毁时销毁反应式 FormControl?

我有一个带有 FormControl 的组件,并订阅了它的值更改:

但是当组件被销毁时,FormControl 元素不会被销毁并且 onComplete 回调永远不会发生。

在组件销毁时销毁 FormControl 元素的正确方法是什么?

0 投票
1 回答
2411 浏览

angular - Angular 2自定义验证不在组件函数内部调用

我正在尝试使用自定义验证器查找重复的经销商名称。经销商名称数据来自网络服务。我有经销商服务来获取经销商数据。我正在使用它在组件内的 validDelarName 函数处进行经销商重复验证。我在 FromGroup Validators 上声明它,但它没有被调用。

验证功能。它也存在于组件中。