Angular响应式表单-OnPush时setErrors不会更新FormArray内的FormControl视图。 _程序开发

创始人

2024-10-30 06:00:14

0次

在使用OnPush策略的情况下，Angular不会自动检测响应式表单的状态更改。因此，解决此问题的一种方法是通过强制更改检测来手动更新视图。

以下是实现此解决方案的示例代码：

在你的组件中注入ChangeDetectorRef：

import { ChangeDetectorRef } from '@angular/core';

constructor(private cdr: ChangeDetectorRef) {}

在设置表单控件的错误时，手动调用ChangeDetectorRef.markForCheck（）方法：

this.formArray.controls[index].get('controlName').setErrors({ error: true }); this.cdr.markForCheck();

这将会更新视图并反映表单控件的错误状态。

请注意：在可能出现大量表单控件的表单中，频繁地使用markForCheck() 是不推荐的，因为它可能会导致性能问题。因此，在这种情况下，您可能需要考虑采用其他的优化策略。

黑科技脚本！智星德州菠萝有辅助... 黑科技脚本！智星德州菠萝有辅助器吗，哈糖大菠萝怎么拿好牌，从前是真的有挂（2021已更新）-哔哩哔哩...

黑科技安卓版！菠萝德州辅助神器... 黑科技安卓版！菠萝德州辅助神器，德扑之星安卓模拟器，最初有挂（2026已更新）-哔哩哔哩；（需添加指...

黑科技ai！菠萝德州辅助神器，... 黑科技ai！菠萝德州辅助神器，德扑计算软件，总是是有挂（2026已更新）-哔哩哔哩1、不需要AI权限...

黑科技ai代打！红龙扑克辅助器... 黑科技ai代打！红龙扑克辅助器功能，菠萝德州偷偷看功能，原先存在有挂（2026已更新）-哔哩哔哩；红...

黑科技脚本！红龙扑克app辅助... 1、黑科技脚本！红龙扑克app辅助器，cloudpoker外挂，原生是有挂（2026已更新）-哔哩哔...

黑科技真的！红龙扑克辅助工具免... 黑科技真的！红龙扑克辅助工具免费下载，德扑ai智能机器人平台安装，起初真的有挂（2020已更新）-哔...

黑科技安卓版！智星德州菠萝辅助... WePoke高级策略深度解析‌；黑科技安卓版！智星德州菠萝辅助器，推扑克辅助器，果然存在有挂（202...

黑科技软件！红龙扑克辅助，聚星... 黑科技软件！红龙扑克辅助，聚星扑克有没有挂，先前有挂（2023已更新）-哔哩哔哩；原来确实真的有挂（...

黑科技工具！智星德州菠萝辅助器... 1、黑科技工具！智星德州菠萝辅助器免费下载，xpoker透视辅助，先前是真的有挂（2021已更新）-...

黑科技辅助！智星菠萝辅助器，g... 黑科技辅助！智星菠萝辅助器，gg扑克发牌是不是有机制，固有真的是有挂（2022已更新）-哔哩哔哩；智...