NgIf 是一个内置的模板指令，它根据传递给它的表达式是真还是假来添加或删除 DOM 的一部分：
<div *ngIf="userHasPet">
{{ user.pet.name }}
</div>
在上面，如果 userHasPet 为 true，则 div 将被包含在 DOM 中（它将在页面上），如果 userHasPet 为 false，则 div 将被删除来自 DOM（它不会出现在页面上）。
与 *ngFor 一样，* 字符允许创建模板并允许使用此语法的快捷方式：template=“ngIf userHasPet”。
您还可以将更复杂的表达式传递给 *ngIf：
<div *ngIf="user.name.length > 6 && user.name.length < 10">
Long name {{ user.name }}, but not too long!
</div>
