首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么[hidden]可以,但Angular2中的ngOnInit()不能使用*ngIf?

在Angular2中,ngOnInit()不能使用ngIf的原因是ngIf是一个结构指令,它的作用是根据条件来决定是否渲染或移除DOM元素。而ngOnInit()是一个生命周期钩子函数,它在组件初始化完成后被调用,用于执行一些初始化操作。

由于ngIf是一个结构指令,它会在DOM渲染之前对条件进行判断,并决定是否渲染或移除DOM元素。而ngOnInit()是在组件初始化完成后被调用的,也就是说DOM已经渲染完毕,此时再使用ngIf来控制DOM元素的显示与隐藏已经没有意义。

如果想要在Angular2中实现条件渲染,可以使用其他方式,例如使用属性绑定来控制DOM元素的显示与隐藏。可以在组件中定义一个布尔类型的属性,然后使用属性绑定将该属性与DOM元素的显示与隐藏进行关联。

示例代码如下:

在组件中定义一个布尔类型的属性:

代码语言:txt
复制
showElement: boolean = false;

在模板中使用属性绑定来控制DOM元素的显示与隐藏:

代码语言:txt
复制
<div [hidden]="!showElement">显示的内容</div>

这样就可以根据showElement属性的值来控制该div元素的显示与隐藏。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm

相关搜索:为什么angular2 ngIf在HTML文件中不能工作?路由器angular2不能使用相同的组件,但使用difefrenet id为什么在ngOnInit中创建时,angular会说我的对象可以为空?为什么Angular (5) HostListener事件可以在Chrome中运行,但IE不能?当使用*ngIf指令时,为什么Angular中的按钮变小了?sdk可以构建我的cmake项目,但bitbake中的配方不能Angular:我不能使用*ngIf在UI中显示Asyn验证器的错误在Python3.8+ `multiprocessing`中,为什么使用fork可以,但使用spawn失败?我可以使用POST和GET,但为什么不能在MongoDB地图集中使用DELETEangular2模块:使用OpaqueToken的依赖注入可以从JS模块工作,但不能内联为什么我的script.js文件不能工作,但index.html文件中的JavaScript代码可以工作?为什么在Safari中,flex-item的z-index不能与“overflow:hidden”一起工作?如何在Angular2中使用*ngIf有条件地添加链接以显示有值的链接为什么conky中的execbar不能使用变量为什么我的Python代码可以在Jupyter Notebook中工作,但不能作为脚本使用?为什么postgres中的文本列上的查询可以使用`_`。但是没有`_`就不能工作为什么可以使用默认的<=>调用==,而不能使用用户提供的user?为什么我的python脚本可以正常运行,但当我试图跟踪它时却不能?使用PowerShell,取消对Excel工作簿的保护可以正常工作,但工作表不能用于构建和运行的任务可以工作,但使用生成的运行脚本执行不能
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

4分41秒

相忘于江湖,追逐于区块链

7分13秒

049.go接口的nil判断

10分30秒

053.go的error入门

11分46秒

042.json序列化为什么要使用tag

1分29秒

U盘根目录乱码怎么办?U盘根目录乱码的解决方法

13分40秒

040.go的结构体的匿名嵌套

44分43秒

Julia编程语言助力天气/气候数值模式

16分8秒

人工智能新途-用路由器集群模仿神经元集群

1分4秒

光学雨量计关于降雨测量误差

1分23秒

如何平衡DC电源模块的体积和功率?

5分33秒

JSP 在线学习系统myeclipse开发mysql数据库web结构java编程

领券