Angular在页面加载时无法通过类名获取元素
创始人
2024-10-30 21:31:03
0

该问题可能出现在 Angular 的生命周期函数中,因为在元素被绑定到组件之前,它们尚未处于 DOM 中,因此无法通过类名查找它们。

为了解决这个问题,我们可以使用 AfterViewInit 钩子函数,该函数在视图已经初始化后被触发。在这个钩子函数里,我们可以使用 ViewChild 装饰器获取指定的元素。示例如下:

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

@Component({
  selector: 'app-root',
  template: `
    
This is my div
` }) export class AppComponent implements AfterViewInit { @ViewChild('myDiv', {static: false}) myDiv: ElementRef; ngAfterViewInit() { console.log(this.myDiv.nativeElement); } }

在上面的示例中,我们使用 ViewChild 装饰器获取被标记为 #myDiv 的元素,并在 AfterViewInit 中打印它。在视图已经初始化后,我们可以成功获取到这个元素并进行其它操作。

相关内容

热门资讯

透视挂透视!wepoke有挂,... 透视挂透视!wepoke有挂,wepoke辅助有挂吗,详细透视微扑克教程;1、完成wepoke辅助有...
aapoker有猫腻!wpk俱... aapoker有猫腻!wpk俱乐部外挂(透视)原生是真的有挂(详细辅助德州教程)(1)aapoker...
wpk真的有外挂!扑克时间可以... wpk真的有外挂!扑克时间可以控制吗(透视)其实存在有挂(详细辅助教你攻略);人气非常高,ai更新快...
透视透视!we辅助poker德... 透视透视!we辅助poker德之星,wepoke怎么使用模拟器,详细透视详细教程运we辅助poker...
wepoke的确有挂!fish... wepoke的确有挂!fishpoker app辅助(透视)竟然有挂(详细辅助2025新版教程)是一...
透视能赢!wepokeai机器... 透视能赢!wepokeai机器人,we poke有挂吗,详细透视插件教程1、进入游戏-大厅左侧-新手...
透视新版!wepoke一定有挂... 透视新版!wepoke一定有挂,wepoke黑科技,详细透视2025教程1)wepoke一定有挂辅助...
wepokeai代打!鱼扑克有... wepokeai代打!鱼扑克有挂吗(透视)往昔是真的有挂(详细辅助揭秘攻略)是一款可以让一直输的玩家...
透视美元局!wepoke智能a... 透视美元局!wepoke智能ai,wepoke管理员,详细透视安装教程;1、wepoke智能aiai...
德州之星有辅助挂!微扑克ai人... 德州之星有辅助挂!微扑克ai人工智能(透视)原本有挂(详细辅助总结教程)是一款可以让一直输的玩家,快...