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 中打印它。在视图已经初始化后,我们可以成功获取到这个元素并进行其它操作。

相关内容

热门资讯

3分钟了解“决战卡五星怎样才能... 3分钟了解“决战卡五星怎样才能赢”详细开挂辅助插件-一贯存在有挂1)决战卡五星怎样才能赢辅助挂:进一...
5分钟了解“新祥心挂机”详细开... 5分钟了解“新祥心挂机”详细开挂辅助教程-果然是真的挂1、任何新祥心挂机ai辅助神器的玩家都可以机会...
3分钟了解“友友联盟免费辅助器... 3分钟了解“友友联盟免费辅助器”详细开挂辅助方法-竟然有挂1)友友联盟免费辅助器辅助挂:进一步探索友...
第七分钟了解“小程序广东雀神智... 第七分钟了解“小程序广东雀神智能挂件”详细开挂辅助插件-其实是有挂小程序广东雀神智能挂件辅助器中分为...
第4分钟了解“创思维激k透视开... 第4分钟了解“创思维激k透视开挂”详细开挂辅助神器-一直真的是有挂1、金币登录送、破产送、升级送、活...
第九分钟了解“新久久辅助器”详... 第九分钟了解“新久久辅助器”详细开挂辅助技巧-本来真的是有挂1、进入游戏-大厅左侧-新手福利-激活码...
第2分钟了解“川游游戏辅助”详... 第2分钟了解“川游游戏辅助”详细开挂辅助工具-原来是真的挂1、在川游游戏辅助ai机器人技巧中,中转单...
第3分钟了解“小程序挖坑辅助器... 第3分钟了解“小程序挖坑辅助器”详细开挂辅助攻略-切实是真的挂1、进入到小程序挖坑辅助器黑科技之后,...
第8分钟了解“途游四川辅助器是... 第8分钟了解“途游四川辅助器是真的吗”详细开挂辅助教程-切实是真的挂1、任何途游四川辅助器是真的吗a...
一分钟了解“决战卡五星辅助软件... 一分钟了解“决战卡五星辅助软件”详细开挂辅助方法-真是真的有挂1、全新机制【决战卡五星辅助软件软件透...