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的变化并进行重新渲染。

相关内容

热门资讯

明白辅助挂!德州透视是真的假的... 明白辅助挂!德州透视是真的假的,智星德州辅助译码插件靠谱吗,其实是有挂(证实有挂)1、智星德州辅助译...
热门推荐!天天开心王国有没有挂... 热门推荐!天天开心王国有没有挂,微信超级3+1辅助,详细脚本(有挂透明挂);1、起透看视 天天开心王...
第三方技巧!hhpoker德州... 第三方技巧!hhpoker德州透视,德普之星怎么开辅助,都是是真的有挂(有挂细节)1、首先打开德普之...
盘点一款!小程序河北微乐脚本,... 盘点一款!小程序河北微乐脚本,潮友会透视辅助教程,详细软件(有人有挂)小程序河北微乐脚本脚本下载中分...
今天上午!wpk控制牌是真的吗... 今天上午!wpk控制牌是真的吗,德普之星怎么设置埋牌,果然存在有挂(有挂攻略)该软件可以轻松地帮助玩...
技术分享!微信辅助工具,微乐透... 技术分享!微信辅助工具,微乐透视辅助工具,详细脚本(有挂教程)1、超多福利:超高返利,海量正版游戏,...
此事迅速冲上热搜!悦扑克脚本,... 此事迅速冲上热搜!悦扑克脚本,德普之星辅助工具如何设置,总是是有挂(有挂方法)1、让任何用户在无需德...
推荐一款!四川皮皮辅助,广东雀... 推荐一款!四川皮皮辅助,广东雀神祈福辅助器,详细教程(有挂技巧)小薇(辅助器软件下载)致您一封信;亲...
第三方辅助挂!pokerwor... 第三方辅助挂!pokerworld破解版下载,德普之星透视辅助软件下载,果然真的是有挂(有挂秘诀)1...
大神推荐!欢乐情怀辅助器,闲聚... 大神推荐!欢乐情怀辅助器,闲聚鱼虾蟹软件脚本辅助器,详细技巧(揭秘有挂);1、完成闲聚鱼虾蟹软件脚本...