Angular中如何通过*ngIf按指定场景控制div的显示与隐藏

首先明确*ngIf的生效规则：表达式返回true时渲染对应DOM元素，返回false时隐藏。
你的需求是仅当typeOfCollection === 'branch' 且 duplicate === 'N'时隐藏div，其余场景都显示，所以只要对唯一的隐藏条件取反即可，写法如下：

<div *ngIf="!(typeOfCollection === 'branch' && duplicate === 'N')"></div>

你也可以写成正向判断的形式，两种写法逻辑完全等价：

<div *ngIf="typeOfCollection === 'courier' || duplicate === 'Y'"></div>

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