Angular中*ngIf条件表达式包含0的原因及作用是什么

写法本质 #

这是利用JavaScript/TypeScript中&&逻辑运算符的短路特性写的临时调试代码，本身没有任何业务含义。
&&运算符遵循从左到右的求值规则，一旦遇到第一个假值（falsy value，0是JS/TS中典型的假值之一），就会直接终止运算返回该假值，不会再执行右侧的所有判断逻辑。你看到的这段代码里，开头写了0，意味着整个*ngIf的判断结果永远为假，后面的test1>120 && test2<900根本不会被执行，对应绑定的DOM元素会被永久隐藏。

之所以不用注释实现相同效果，是因为Angular模板的表达式语法不支持在属性绑定的表达式内写注释，开发者没法直接在*ngIf的条件值里加注释屏蔽部分逻辑，才会用这种取巧的写法。

这类写法的常见用途 #

这种写法基本只出现在开发调试阶段，核心作用是做低成本的临时逻辑开关：

• 临时隐藏未完成/有问题的模块：开发过程中如果某块功能还没调通、或者测试环境需要暂时屏蔽某个入口，不需要整行注释*ngIf代码，只要在条件最前面加0 &&就能快速禁用整个显示条件，后续要恢复逻辑时直接删除开头的0 &&即可，操作成本比注释代码更低，也不容易出现注释嵌套、漏删符号的问题。
• 快速隔离问题：如果后面的判断逻辑存在报错、性能问题，加0 &&可以直接跳过这段逻辑执行，方便开发者先排查其他位置的问题，不需要逐行删除后续的判断条件。
• 同系列的调试写法还有在条件开头加1 &&：因为1是真值，这种写法不会阻断后续逻辑执行，一般是开发者临时给条件打修改标记、或者准备替换原有条件时留的占位。

注意：这类临时代码不应该提交到生产环境分支，你看到的这段属于前开发者遗漏删除的调试代码，确认原有逻辑正常的话，直接删掉开头的0 &&即可恢复原本的判断规则。

内容的提问来源于stack exchange，提问作者Abhishek Mishra