Angular虚拟滚动不会检测更改以添加响应式FormArray中的项目。
创始人
2024-10-30 10:30:57
0

要解决Angular虚拟滚动不会检测更改以添加响应式FormArray中的项目的问题,可以使用ChangeDetectorRef手动触发变更检测。

下面是一个示例代码,展示了如何在虚拟滚动中添加项目后触发变更检测:

  1. 在组件中引入ChangeDetectorRef模块:
import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
  1. 在构造函数中注入ChangeDetectorRef:
constructor(private cd: ChangeDetectorRef) { }
  1. 在添加项目的逻辑中,使用ChangeDetectorRef的detectChanges()方法手动触发变更检测:
addItem() {
  // 添加项目到FormArray
  this.formArray.push(new FormControl(''));

  // 手动触发变更检测
  this.cd.detectChanges();
}

通过这个解决方法,当你添加项目到FormArray时,Angular会立即检测到更改并更新虚拟滚动的视图。

注意:在使用ChangeDetectorRef手动触发变更检测时要小心,因为这可能会导致性能问题。只有在必要的情况下才使用它,以避免不必要的变更检测。

相关内容

热门资讯

微扑克有辅助挂!微扑克有辅助挂... 微扑克有辅助挂!微扑克有辅助挂吗,(微扑克苹果版)都是存在有挂(详细有辅助挂教程);是一款可以让一直...
we辅助poker德之星!wo... 1、we辅助poker德之星!wopoker游戏辅助器(wepoke)本来存在有挂(详细透明挂教程)...
红龙扑克辅助!红龙扑克是正规的... 红龙扑克辅助!红龙扑克是正规的吗,(红龙扑克)确实真的有挂(详细辅助教程);是一款可以让一直输的玩家...
wepoke黑科技!wepok... 1、wepoke黑科技!wepoke辅助挂在哪开(Wepoke模拟器)总是存在有挂(详细ai代打教程...
微扑克系统发牌规律!微扑克辅助... 微扑克系统发牌规律!微扑克辅助哪里有卖,(微扑克规律)好像真的有挂(详细德州专用辅助器教程);精心打...
红龙扑克辅助挂!红龙扑克是正规... 1、红龙扑克辅助挂!红龙扑克是正规的吗,(红龙扑克)好像真的是有挂(详细辅助器教程)2、进入游戏-大...
微扑克辅助器ios!微扑克发牌... 微扑克辅助器ios!微扑克发牌算法,(微扑克平台)真是存在有挂(详细全自动机器人教程)1、让任何用户...
微扑克ai辅助工具!微扑克真的... 微扑克ai辅助工具!微扑克真的有辅助吗,(微扑克app)一贯真的是有挂(详细ai辅助器苹果版教程)需...
红龙扑克辅助器!红龙扑克有没有... 1、红龙扑克辅助器!红龙扑克有没有外卦挂,(红龙扑克)切实是真的有挂(详细辅助工具教程);该软件可以...
红龙扑克辅助工具!红龙扑克好友... 红龙扑克辅助工具!红龙扑克好友桌,(红龙扑克)果然有挂(详细辅助器教程);科技安装教程;136704...