当条件为false时，角度2 *ngIf条件主体仍在渲染
当条件为false时，角度2 ngIf条件主体仍在渲染是因为Angular中的ngIf指令是基于条件来控制DOM元素的显示与隐藏。当条件为false时，*ngIf指令会将其所在的DOM元素从DOM树中移除，但并不会销毁它，而是将其隐藏起来。这样做的好处是可以在条件重新变为true时，快速地重新显示该DOM元素，而无需重新创建。
ngIf指令的工作原理是通过添加或移除DOM元素来实现条件的控制。当条件为true时，ngIf指令会将其所在的DOM元素添加到DOM树中，从而渲染出来；当条件为false时，*ngIf指令会将其所在的DOM元素从DOM树中移除，从而隐藏起来。
这种机制可以提高性能，因为当条件为false时，不需要渲染和处理该DOM元素及其子元素，从而减少了不必要的计算和内存占用。
*ngIf指令的应用场景非常广泛，例如：
- 根据用户的登录状态显示不同的内容：可以使用*ngIf指令根据用户是否登录来显示不同的导航菜单、用户信息等。
- 根据权限控制显示不同的功能：可以使用*ngIf指令根据用户的权限来显示或隐藏某些功能按钮或操作。
- 根据数据的存在与否显示不同的内容：可以使用*ngIf指令根据数据是否存在来显示或隐藏某些列表项或卡片。
在腾讯云中，可以使用腾讯云的云函数（SCF）来实现类似的功能。云函数是一种无服务器计算服务，可以根据事件触发执行相应的代码逻辑。通过编写云函数的代码，可以根据条件来执行相应的操作，例如查询数据库、调用其他云服务等。腾讯云的云函数产品介绍和相关文档可以参考以下链接：
腾讯云云函数产品介绍：https://cloud.tencent.com/product/scf
腾讯云云函数文档：https://cloud.tencent.com/document/product/583
相关·内容
我在Angular 2模板中有一个循环，它给了我一个错误，因为我的服务_adfService显然是空的(即使它在出现错误之前记录为非空)。为了让它正常工作，我将它包装在一个if语句中，看看是否可以在_adfService恰好为null时阻止循环呈现。我仍然得到相同的错误：如果角度2假设没有渲染条件的主体，为什么我不能防止循环导致错
浏览 4提问于2017-02-12得票数 0
回答已采纳
我一直在使用NG2-pdfjs-查看器的角度组件。但是，只有在满足条件时，我才需要div元素来占用DOM中的空间。所以我用*ngIf做div。但是，当我使用ngIf时，页面会中断。我试着检查条件的有效性，或者使用任何其他条件，但是，页面会随着ngIf的任何使用而中断。
我在这里有遗漏什么吗？请帮帮忙。使用ngIf (变量赋值为true或false的一个简单
浏览 1提问于2022-01-24得票数 0
回答已采纳
如果ngIf是false，则不会呈现整个html块。对于ngSwitch的错误情况，情况是否相同？
除非用户登录，否则我希望不呈现网页的某些元素。如果该部分有一个ngIf == false，加载速度会提高吗？这是否意味着只有当ngFor变成true时，它才会执行true？
浏览 0提问于2016-05-08得票数 2
回答已采纳
3回答
角应用中的空注释
、、
我的构建命令是ng build --environment prod --progress false --target production，而tsconfig是： "compileOnSave": false, "alwaysStrict": true, "emitDecoratorMetadat
浏览 3提问于2017-05-24得票数 5
回答已采纳
在尝试的过程中，我发现当放置动画的div依赖于指令ngIf时，动画无法工作。当ngIf中的条件为真但未设置动画时，图像将正确加载。删除该指令可以解决问题，但我想有条件地显示它。JS： targets: '#rod', easing: 'linear',});h
浏览 4提问于2019-12-18得票数 1
1回答
在我的角度应用程序中，我试图使用ngIf显示/隐藏一个div。下面是我的HTML：</div>public damageReportToPolice(): booleaninjuryType.value.value === 'Burglary in the car') { } else {
浏览 1提问于2019-05-22得票数 1
回答已采纳
关于角度约束的基本问题我是否可以绑定/监听元素"test"，当复选框被选中时，输入元素"user“应该被启用。应该进入ngIf条件
浏览 18提问于2018-01-31得票数 0
回答已采纳
现在我已经复制到我的角度项目，什么都没有发生。为什么对象为空？我能做些什么来访问按钮和函数？
我非常感谢你的帮助
浏览 3提问于2022-11-20得票数 0
回答已采纳
我得到了一个角度-2的问题，而改变条件为假。最初，div被设置为'true‘，当我将条件更改为false时，总页面将被重新加载，输出将如我所预期的那样出现，但会面临重新加载问题吗？这是我的密码<div class="container" *ngIf="mymenu.id === expandItem">
<form class="f
浏览 0提问于2016-08-29得票数 0
回答已采纳
我在一个字段表单下创建了这个ngIf条件： <div class="with-errors error-missatge" {{ 'ui.errors.field.datetime.future' | translate }}
</div> 条件为：expirationdate.dirty &
浏览 7提问于2019-06-13得票数 0
我无法为angular2的数据报警器点击日历图标。它一直让我犯这个错误：
<div class="col-sm-2">
浏览 3提问于2017-10-29得票数 1
回答已采纳
4回答
for (var n = 0; n <3; n++) {}但难道不是应该像 //desired stuffelse:我很少使用迭代变量，我只是在循环完成时丢弃它们
浏览 1提问于2016-12-19得票数 3
回答已采纳
：我想添加一个“禁用”类，它只在某个条件为真时应用，而在为false时不应用。这样做的角度2方法是什么？我想出了一种使用*ngIf的方法，但这是一堆代码：
<div *ngIf="it
浏览 5提问于2017-03-21得票数 0
回答已采纳
单击提交按钮时，我将该数组发送到打开模式的组件。<div id="assets" class="text-center" *ngIf="isActive; else notActive"> </div> </div>
表单compone
浏览 3提问于2019-11-27得票数 3
回答已采纳
3回答
我在ts文件中声明了这个isData变量我的组件上有这个按钮 class="btn btn-primary"type="button" *ngIf="isData===false" SaveisData是假的，但是没有显示按钮
浏览 10提问于2022-11-17得票数 0
1回答
@ViewChild(MatCard, { read: ElementRef, static: false }) lpadTiles: ElementRef;
}
我还尝试将Flex-Layout属性FX-HIDE设置为True，但同样不起作用
浏览 0提问于2020-06-03得票数 0
在模板中使用ngif语句时，我遇到了一个奇怪的问题。当条件为真时，语句应该显示呈现为“有效”图标。所以有些原因，虽然它不会提供任何东西。我已经确认了条件是否符合，就像当我将条件输出到控制台时一样，它显示为true或false，这取决于正确的日期。我在这里做错什么了吗？detail.component.html
<br> Current Status: <span class=&qu
浏览 1提问于2019-12-29得票数 0
回答已采纳
此div标记是根据为true的条件显示的。当条件为false时，将显示一个不同的部分。<div *ngIf="showAllTabs"> <ngb-tab id="heading-1">
浏览 1提问于2020-11-19得票数 0
回答已采纳
有些时候，我做，而不是，知道何时使用*ngIf="isProductSearchEmpty"或[style.display]="displayProduct"。<div *ngIf="isProductSearchEmpty"> "{{searchStr}}" not found..</div>
<rb-categories>
浏览 7提问于2017-07-29得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
