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德州作必弊(WePoKer咨询)一贯真的有辅助教程(哔哩哔哩)透视方针!hh...
透视烘培!hhpoker透视脚... 透视烘培!hhpoker透视脚本视频(德普之星辅助软件)确实有辅助方法(哔哩哔哩)1、很好的工具软件...
透视积累!hhpoker德州透... 透视积累!hhpoker德州透视(德普之星开辅助)真是是真的有辅助技巧(哔哩哔哩)1、打开软件启动之...
透视法门!wepoker透视脚... 透视法门!wepoker透视脚本苹果版(AApoker安装包)确实有辅助技巧(哔哩哔哩)wepoke...
透视策略!聚星ai辅助工具下载... 透视策略!聚星ai辅助工具下载(WePoKer私人)都是是真的有辅助app(哔哩哔哩)聚星ai辅助工...
透视妙计!wepoker私人局... 透视妙计!wepoker私人局规律(德普之星有透视)原来是有辅助神器(哔哩哔哩)1、用户打开应用后不...
透视教材!wepoker私局代... 透视教材!wepoker私局代打(德普之星透视挂)都是真的有辅助软件(哔哩哔哩)1、完成wepoke...
透视大纲!hhpoker有后台... 透视大纲!hhpoker有后台操控吗(WePoKer免费)果然存在有辅助技巧(哔哩哔哩)透视大纲!h...
透视举措!智星菠萝透视(德普之... 透视举措!智星菠萝透视(德普之星破解版)本来是真的有辅助神器(哔哩哔哩)1.智星菠萝透视 选牌创建新...
透视绝活儿!德州透视插件(We... 透视绝活儿!德州透视插件(WePoKer好牌)原来是有辅助脚本(哔哩哔哩)该软件可以轻松地帮助玩家将...