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

相关内容

热门资讯

四分钟辅助!hhpoker辅助... 四分钟辅助!hhpoker辅助软件,xpoker透视辅助,要领教程(果真有挂)1、超多福利:超高返利...
8分钟辅助!拱趴大菠萝开挂方法... 8分钟辅助!拱趴大菠萝开挂方法,hhpoker免费透视脚本,项目教程(有挂详细)运拱趴大菠萝开挂方法...
四分钟辅助!wpk系统是否存在... 四分钟辅助!wpk系统是否存在作弊行为,wepoker辅助真的假的,妙招教程(有挂讲解)1、wpk系...
第5分钟辅助!wepoker私... 第5分钟辅助!wepoker私人辅助器,we-poker靠谱吗,步骤教程(真是有挂)1、起透看视 w...
第六分钟辅助!wpk透视插件,... 第六分钟辅助!wpk透视插件,德普之星私人局透视,指南书教程(有挂分析)1、上手简单,内置详细流程视...
九分钟辅助!werplan怎么... 九分钟辅助!werplan怎么透视,约局吧app有挂吗,指南教程(有人有挂)1、全新机制【约局吧ap...
第七分钟辅助!拱趴大菠萝机器人... 第七分钟辅助!拱趴大菠萝机器人,xpoker辅助控制,指南书教程(有挂辅助)1、用户打开应用后不用登...
第5分钟辅助!拱趴大菠萝开挂方... 第5分钟辅助!拱趴大菠萝开挂方法,pokermaster脚本,学习教程(有挂秘籍)拱趴大菠萝开挂方法...
五分钟辅助!wepoker有用... 五分钟辅助!wepoker有用吗,wpk作弊最怕三个东西,方案教程(有挂分享)1、下载好wpk作弊最...
第十分钟辅助!fishpoke... 第十分钟辅助!fishpoker透视底牌,pokernow辅助工具,妙计教程(有挂技术)1、不需要A...