Angular之不能获取html某id

在Angular项目中,由于ngOnInit()和页面渲染同步进行,导致在初始化函数中无法通过document.getElementById获取button的ID。文章介绍了这个问题的原因,并提供了多种解决方案,包括延迟加载、ngStyle和ngSwitch。作者选择使用ngSwitch,解释了它的作用和工作原理,通过在TS中声明变量并根据后端数据动态赋值,结合ngSwitch在HTML中控制button的样式。
摘要由CSDN通过智能技术生成

前言

    在做项目中,业务为页面加载中根据从后台传过来的不同数据情况来确定页面的button的样式,但是使用ngOnInit()来加载方法,却一直显示找不到button的id,获取不到button。


原因

    在ts中我是使用document.getElementById(“id”),来获取button,但是是放在初始加载函数中即ngOnInit()中,所以判断页面初始加载函数和页面渲染是同时进行的,所以在实现初始加载函数的时候html页面并没有渲染完成,因此,不能找到button的id。


解决办法

   解决办法超级多,下面整理一下我找到的解决办法,不过我是用ngSwitch解决的。

   1.延迟加载,可以给定一个时间,这个时间之后再去加载,也可以判断在某个事件完成之后再去加载。主要是用Direct

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 60
    评论
评论 60
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值