问题标签 [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 投票
2 回答
8516 浏览

angular - Angular 2 Reactive Forms:找不到带有路径的控件

我尝试将角色动态添加到我的用户/角色应用程序。我有一个 Formarray,我可以在编辑视图中显示用户的角色。还有一个用于向用户添加更多角色的按钮。但是当我按下“添加角色”按钮时,我收到了以下错误消息:

ERROR 错误:找不到带有路径的控件:'rolesArr -> 1 -> name'

在此示例中,我尝试向要创建的用户添加多个角色。

这是我的代码:

users-edit.component.html(摘录)

users-edit.component.ts(摘录)

我究竟做错了什么?

0 投票
1 回答
1710 浏览

angular - 覆盖自定义验证器 angular 2

我是 Angular 2 的新手,我想为表单控件实现一个自定义验证器,它以布尔值(requiredAttribute)作为参数。

如果此参数为真,则需要表单控件,否则不需要。

我已经实现了这个,但似乎不起作用。需要所有输入(表单控制)。我已经实现了这个代表自定义验证器的函数。

我已经把它放在了 initForm 方法中。然后对于我的反应式表单的输入表单文本:

最终代码

}

并且输入是 CustomInput 类的对象,该对象具有必需的属性。

一个操作有许多输入元素。我想为操作创建一个反应形式。如果输入元素是必需的(其属性要求 eqaul 为 true),则需要与操作输入元素关联的 HTML 输入。

所以我如何实现一个带有布尔参数的自定义验证器,如果这个参数为真,那么表单控件是必需的,否则不是。

谢谢

0 投票
2 回答
14476 浏览

angular - 如何为 Angular 反应形式动态设置禁用?

我有一个使用 Kendo Angular Grid 控件的 Angular 4.10 应用程序。我正在使用外部编辑。我创建了 FormGroup 如下:

我想做的是根据值 IsFromBsp 为字段 BlindName 设置禁用状态。就像是:

有没有办法做到这一点?请告诉我。谢谢

0 投票
1 回答
6454 浏览

angular - 具有异步初始化的 FormGroup

我想在 Ionic 2 中构建一个表单,我想在其中显示一个切换列表(每个切换代表一项运动)。

从数据库中检索的运动列表我试图在 subscribe() 函数中初始化我的表单,但看起来视图抛出了一个错误,因为在解析 [formGroup] 属性时,表单还不存在。 ..

在我看来

在我的控制器中

我尝试在 constructor() 中创建表单,然后使用 addControl() 添加运动 FormArray。这解决了 [formGroup] 错误(当然),但会生成一个关于“运动”控件未实例化的新错误(我猜还没有)。

任何的想法?

0 投票
1 回答
85 浏览

angular - 在 Angular2 中验证反应形式

我有反应形式:

然后ngOnInit()有一个条件并且_elementForm正在改变:

验证器:

而且效果很好,但是如果为空elementForm,则无效。valueCaption为什么会这样,我该如何解决?

0 投票
1 回答
27835 浏览

angular - 使用 *ngFor 遍历包含 FormGroups 的 FormArray

在 Ionic 2 中,我试图创建一个显示切换按钮列表的动态表单。

为此,我尝试使用 FormArray 并依赖 Angular 文档,主要是这篇文章

基于此,我实现了以下

控制器

但我收到以下错误:

这是accountForm的内容在此处输入图像描述

知道为什么吗?

0 投票
1 回答
1698 浏览

angular - Unable to dynamically duplicate controls using formArray

I was trying to accomplish dynamic duplication using the FormArray but I just couldn't do it. Please check the form on JSFiddle.

component.html

component.ts

0 投票
1 回答
1374 浏览

primeng - 如何使用反应形式包装像自动完成这样的primeng组件?

我想在我自己的组件中包装一个primeng自动完成组件,但不知道如何提供formControlName:

错误:未捕获(承诺中):错误:formControlName 必须与父 formGroup 指令一起使用。

包装器组件html:

包装组件 ts:

在自定义组件中使用组件:

0 投票
1 回答
2741 浏览

angular - 如何将撤消按钮添加到反应式表单(Angular 2)?

我使用 Angular 2 中可用的 Reactive Forms 技术构建了一个表单。该表单有许多不同类型的控件。现在我需要为其添加一个撤消按钮。我已经能够使用clickchange事件设置一个基本的撤消按钮。当有人单击表单控件并在控件的值更改时将该值存储到本地存储时,我将保存以前的值。然而,这种方法有一些缺点。例如,当有人进入控件时,该click事件不会触发。

那么有没有办法在发生更改时保存表单的版本?我认为理想的解决方案是观察者,它会密切关注表单并保存它的版本。

0 投票
1 回答
1286 浏览

angular - ngFor在推送新数据时不更新

我有一组反应形式,我将它们设置为反应形式数组:

我在我的html中循环:

但是,当我推送新表单时,HTML 不会更新。

我已经注销了结果数据,它显示了新的表单对象,但前端没有。我认为这与反应形式有关,但我不确定我是否在搞砸其他事情。