问题标签 [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.
angular - Angular 2 Reactive Forms:找不到带有路径的控件
我尝试将角色动态添加到我的用户/角色应用程序。我有一个 Formarray,我可以在编辑视图中显示用户的角色。还有一个用于向用户添加更多角色的按钮。但是当我按下“添加角色”按钮时,我收到了以下错误消息:
ERROR 错误:找不到带有路径的控件:'rolesArr -> 1 -> name'
在此示例中,我尝试向要创建的用户添加多个角色。
这是我的代码:
users-edit.component.html(摘录)
users-edit.component.ts(摘录)
我究竟做错了什么?
angular - 覆盖自定义验证器 angular 2
我是 Angular 2 的新手,我想为表单控件实现一个自定义验证器,它以布尔值(requiredAttribute)作为参数。
如果此参数为真,则需要表单控件,否则不需要。
我已经实现了这个,但似乎不起作用。需要所有输入(表单控制)。我已经实现了这个代表自定义验证器的函数。
我已经把它放在了 initForm 方法中。然后对于我的反应式表单的输入表单文本:
最终代码
}
并且输入是 CustomInput 类的对象,该对象具有必需的属性。
一个操作有许多输入元素。我想为操作创建一个反应形式。如果输入元素是必需的(其属性要求 eqaul 为 true),则需要与操作输入元素关联的 HTML 输入。
所以我如何实现一个带有布尔参数的自定义验证器,如果这个参数为真,那么表单控件是必需的,否则不是。
谢谢
angular - 如何为 Angular 反应形式动态设置禁用?
我有一个使用 Kendo Angular Grid 控件的 Angular 4.10 应用程序。我正在使用外部编辑。我创建了 FormGroup 如下:
我想做的是根据值 IsFromBsp 为字段 BlindName 设置禁用状态。就像是:
有没有办法做到这一点?请告诉我。谢谢
angular - 具有异步初始化的 FormGroup
我想在 Ionic 2 中构建一个表单,我想在其中显示一个切换列表(每个切换代表一项运动)。
从数据库中检索的运动列表我试图在 subscribe() 函数中初始化我的表单,但看起来视图抛出了一个错误,因为在解析 [formGroup] 属性时,表单还不存在。 ..
在我看来
在我的控制器中
我尝试在 constructor() 中创建表单,然后使用 addControl() 添加运动 FormArray。这解决了 [formGroup] 错误(当然),但会生成一个关于“运动”控件未实例化的新错误(我猜还没有)。
任何的想法?
angular - 在 Angular2 中验证反应形式
我有反应形式:
然后ngOnInit()
有一个条件并且_elementForm
正在改变:
验证器:
而且效果很好,但是如果为空elementForm
,则无效。valueCaption
为什么会这样,我该如何解决?
angular - 使用 *ngFor 遍历包含 FormGroups 的 FormArray
在 Ionic 2 中,我试图创建一个显示切换按钮列表的动态表单。
为此,我尝试使用 FormArray 并依赖 Angular 文档,主要是这篇文章
基于此,我实现了以下
控制器
但我收到以下错误:
知道为什么吗?
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
primeng - 如何使用反应形式包装像自动完成这样的primeng组件?
我想在我自己的组件中包装一个primeng自动完成组件,但不知道如何提供formControlName:
错误:未捕获(承诺中):错误:formControlName 必须与父 formGroup 指令一起使用。
包装器组件html:
包装组件 ts:
在自定义组件中使用组件:
angular - 如何将撤消按钮添加到反应式表单(Angular 2)?
我使用 Angular 2 中可用的 Reactive Forms 技术构建了一个表单。该表单有许多不同类型的控件。现在我需要为其添加一个撤消按钮。我已经能够使用click
和change
事件设置一个基本的撤消按钮。当有人单击表单控件并在控件的值更改时将该值存储到本地存储时,我将保存以前的值。然而,这种方法有一些缺点。例如,当有人进入控件时,该click
事件不会触发。
那么有没有办法在发生更改时保存表单的版本?我认为理想的解决方案是观察者,它会密切关注表单并保存它的版本。
angular - ngFor在推送新数据时不更新
我有一组反应形式,我将它们设置为反应形式数组:
我在我的html中循环:
但是,当我推送新表单时,HTML 不会更新。
我已经注销了结果数据,它显示了新的表单对象,但前端没有。我认为这与反应形式有关,但我不确定我是否在搞砸其他事情。