ngIf指令
1.如果是显示与不显示的场景:
<div *ngIf="条件表达式">在条件为真时需要显示的内容</div>
2.如果是显示A或显示B的场景:
<div *ngIf="条件表达式 else elseContent">在条件为真时需要显示的内容<>
<ng-template #elseContent>在条件为假时需要显示的内容</ng-template>
注:ng-template是模版代码段,其中两个位置的‘elseContent’可以随意定义箪食要保持一致
3.如果是显示A或显示B的场景也可以用以下方法:
<div *ngIf="条件表达式;then thenTemplate;else elseTemplate"></div>
<ng-template #thenTemplate>在条件为真时需要显示的内容</ng-template>
<ng-template #elseTemplate>在条件为假时需要显示的内容</ng-template>