Angular响应式表单 - FormArray的onPush变更检测不起作用
创始人
2024-10-30 05:30:12
0

当使用Angular响应式表单中的FormArray时,可能会遇到onPush变更检测不起作用的问题。这是因为FormArray是一个可变对象,而onPush变更检测默认只会检测引用的变化。

要解决这个问题,可以使用markAsDirty()方法手动标记FormArray的变化。以下是一个示例代码:

在组件中定义FormArray:

@Component({
  selector: 'app-my-component',
  template: `
    
`, }) export class MyComponent { myForm: FormGroup; items: FormArray; constructor(private fb: FormBuilder) { this.myForm = this.fb.group({ items: this.fb.array([]), }); this.items = this.myForm.get('items') as FormArray; } addItem() { this.items.push(this.fb.control('')); this.items.markAsDirty(); // 手动标记变化 } }

在上面的代码中,我们在addItem()方法中手动调用了markAsDirty()方法来标记FormArray的变化。这样,即使使用了onPush变更检测策略,也能正确检测到FormArray的变化。

这样做的原理是,markAsDirty()方法会触发组件的变更检测,并通知Angular重新渲染相关的视图。这样,即使FormArray的引用没有变化,但由于标记了变化,Angular仍然会重新渲染相关的视图。

相关内容

热门资讯

透视辅助“打哈儿麻将辅助软件”... 您好:打哈儿麻将辅助软件这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的...
我来教教大家“闲来辅助神器下载... 我来教教大家“闲来辅助神器下载2022”先前有辅助开挂插件(的确有挂);无需打开直接搜索微信(136...
透视真的“中至窝龙辅助”素来有... 透视真的“中至窝龙辅助”素来有辅助开挂插件(揭秘有挂);无需打开直接搜索微信(136704302)咨...
透视软件“中至余干万能辅助器”... 透视软件“中至余干万能辅助器”先前有辅助开挂脚本(有挂工具) 了解更多开挂安装加(136704302...
透视真的“酷玩联盟破解版下载”... 透视真的“酷玩联盟破解版下载”素来有辅助工具(了解有挂);无需打开直接搜索加(薇:136704302...
一分钟快速了解“兴动海满辅助”... 您好:兴动海满辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
技术分享“赣牌圈控制牌型”本然... 技术分享“赣牌圈控制牌型”本然有开挂辅助器(有挂总结);无需打开直接搜索加薇136704302(咨询...
总算了解“pokemmo免费脚... 总算了解“pokemmo免费脚本”本然有开挂辅助软件(确实有挂);无需打开直接搜索加(薇:13670...
推荐攻略“兴动互娱修改器免费”... 推荐攻略“兴动互娱修改器免费”素来有辅助开挂软件(讲解有挂) 了解更多开挂安装加(136704302...
新手必备“陕西三代辅助”往昔有... 新手必备“陕西三代辅助”往昔有辅助安装(有挂猫腻) 了解更多开挂安装加(136704302)微信号陕...