Angular2中的*ngIf指令

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>

也可以看看

• *ngFor
• 开关