Angular元素高度为0,需要使用setTimeout才能正确获取。
创始人
2024-10-30 18:00:27
0

在 Angular 组件的 Lifecycle 钩子函数 ngAfterViewInit() 中使用 setTimeout() 获取元素高度。示例代码如下:

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

@Component({
  selector: 'app-root',
  template: '
元素内容
', }) export class AppComponent { constructor(private el: ElementRef) {} ngAfterViewInit() { setTimeout(() => { const elementHeight = this.el.nativeElement.offsetHeight; console.log(elementHeight); }, 0); } }

在模板中使用 ElementRef 获取元素的引用,然后在 ngAfterViewInit() 钩子函数中使用 setTimeout() 获取元素高度。setTimeout() 函数将任务推迟到下一个 JS 循环中执行,这样就能够正确获取元素的高度了。

相关内容

热门资讯

透视游戏(wepoker)we... 透视游戏(wepoker)wepoker透视脚本下载(透视)好像真的有挂(透明教程)1、wepoke...
透视计算(wepoker)we... 透视计算(wepoker)wepoker辅助插件功能(透视)切实真的是有挂(详细教程)1、进入到we...
透视脚本(wepoker)We... 透视脚本(wepoker)WePOker有没有透视方法(透视)竟然是真的有挂(黑科技教程)1、点击下...
透视肯定(WePoKer)we... 透视肯定(WePoKer)wepoker辅助透视软件(透视)好像有挂(安装教程);wepoker辅助...
透视实锤(WePoKer)we... 透视实锤(WePoKer)wepoker买钻石有用吗(透视)好像是有挂(安装教程)1、任何wepok...
透视了解(WePoKer)we... 透视了解(WePoKer)wepoker轻量版辅助(透视)果然是有挂(AA德州教程)1、金币登录送、...
透视辅助(WePoKer)we... 透视辅助(WePoKer)wepoker有没有挂(透视)其实是有挂(高科技教程)1、起透看视 wep...
透视智能ai(WEPOKER)... 透视智能ai(WEPOKER)wepoker脚本(透视)切实是有挂(我来教教你);1、不需要AI权限...
透视好友(WePoKer)we... 透视好友(WePoKer)wepoker辅助插件功能(透视)原来真的是有挂(必备教程);一、wepo...
透视有挂(wepoker)we... 透视有挂(wepoker)wepoker辅助真的假的(透视)原来是真的有挂(攻略教程)1.wepok...