Angular在通过jquery更新后不重新渲染。
创始人
2024-10-30 21:00:56
0

在Angular中,如果通过jQuery更新了DOM元素,Angular默认不会重新渲染。解决这个问题的方法是使用NgZone服务手动触发变更检测。

首先,确保在组件中注入NgZone服务:

import { Component, NgZone } from '@angular/core';

@Component({
  // ...
})
export class YourComponent {
  constructor(private ngZone: NgZone) {}
  
  // ...
}

然后,在使用jQuery更新DOM元素的代码块中,使用NgZone.run()方法来确保变更检测被触发:

import { Component, NgZone, AfterViewInit } from '@angular/core';

declare var $: any;

@Component({
  // ...
})
export class YourComponent implements AfterViewInit {
  constructor(private ngZone: NgZone) {}
  
  ngAfterViewInit() {
    this.ngZone.run(() => {
      // 使用jQuery更新DOM元素的代码
      // ...
    });
  }
}

通过在ngAfterViewInit()方法中使用ngZone.run(),我们确保了jQuery更新DOM元素的代码在Angular的变更检测范围内运行。这样,Angular会检测到DOM的变化并进行重新渲染。

相关内容

热门资讯

透视中牌率!aapoker透视... 透视中牌率!aapoker透视插件,丽水都来大菠萝脚本辅助,wepoke教程(有挂技巧)这是由厦门游...
透视数据!wpk有脚本吗,闲逸... 透视数据!wpk有脚本吗,闲逸辅助脚本,科技教程(有挂辅助)1、很好的工具软件,可以解锁游戏的ai质...
透视了解!wepoker透视版... 透视了解!wepoker透视版下载,闲聚app辅助软件,线上教程(有挂教程)准备好在闲聚app辅助软...
透视透视!wpk脚本下载,微信... 透视透视!wpk脚本下载,微信小程序财神十三脚本,透明挂教程(有挂教程);《WPK辅助透视》‌:支持...
透视线上!aapkoer德州辅... 透视线上!aapkoer德州辅助挂下载,微信新九五辅助,黑科技教程(有挂方法);建议优先通过微信新九...
透视辅助!红龙poker透视,... 透视辅助!红龙poker透视,福建大菠萝辅助透视系统,微扑克教程(有挂透视);《WPK辅助透视》‌:...
透视数据!wpk辅助插件叫什么... 1、透视数据!wpk辅助插件叫什么,福建兄弟13水软件安装,AI教程(有挂方法)2、进入游戏-大厅左...
透视好友房!wepoker辅助... 透视好友房!wepoker辅助透视软件,茶馆游戏辅助,攻略教程(有挂教程)是一款可以让一直输的玩家,...
透视智能ai!红龙poker透... 透视智能ai!红龙poker透视,上饶打炸作弊,辅助教程(有挂透明);原来确实真的有挂(需添加指定薇...
透视科技!aapoker透视脚... 透视科技!aapoker透视脚本安装包,贪吃蛇辅助器2022,扑克教程(有挂透明)是一款可以让一直输...