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

相关内容

热门资讯

免费测试版透视器app!决胜朋... 免费测试版透视器app!决胜朋来麻将多功能透视器app,决胜朋来麻将一贯真的是有透视器app1.决胜...
推荐一款透视挂方法!科尔沁麻将... 推荐一款透视挂方法!科尔沁麻将多功能透视挂方法,科尔沁麻将确实真的是有透视挂方法1、很好的工具软件,...
实测教程辅助方法!王钓麻将多功... 实测教程辅助方法!王钓麻将多功能辅助方法,王钓麻将本来有辅助方法1、王钓麻将有没有辅助教程、王钓麻将...
揭秘关于作弊器方法!澳门永利集... 揭秘关于作弊器方法!澳门永利集团多功能作弊器方法,澳门永利集团都是真的是有作弊器方法1、下载好澳门永...
揭秘一下透视器攻略!苍南麻将多... 揭秘一下透视器攻略!苍南麻将多功能透视器攻略,苍南麻将好像真的是有透视器攻略苍南麻将透视方法中分为三...
一分钟了解透视器技巧!梦黄麻将... 一分钟了解透视器技巧!梦黄麻将多功能透视器技巧,梦黄麻将切实存在有透视器技巧1、打开软件启动之后找到...
技术分享辅助器工具!微乐江西麻... 您好,微乐江西麻将这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
热点推荐透视器软件!来打麻将多... 热点推荐透视器软件!来打麻将多功能透视器软件,来打麻将竟然存在有透视器软件1、用户打开应用后不用登录...
科普透视器软件!大宝麻将多功能... 科普透视器软件!大宝麻将多功能透视器软件,大宝麻将一贯真的有透视器软件1、很好的工具软件,可以解锁游...
记者发布辅助方法!良人麻将多功... 记者发布辅助方法!良人麻将多功能辅助方法,良人麻将真是有辅助方法该软件可以轻松地帮助玩家将良人麻将外...