angular的ngIf指令

252 阅读1分钟

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>