ngIf then else 語句。
.......
<ng-container *ngIf="value;then thenBlock;else elseBlock"></ng-container>
........
<ng-template #thenBlock>.....</ng-template>
<ng-template #elseBlock>......</ng-template>
不過這個語句有個缺點,就是沒有辦法很好的結(jié)合context語法傳遞參數(shù)。
如果你的value就包含了你需要在thenBlock中要顯示的所有信息,且elseBlock只展示固定的字符串的時候才可以使用。
eg:
.......
<ng-container *ngIf="object;then thenBlock;else elseBlock"></ng-container>
.......
<ng-template #thenBlock let-object>{{object.value1}}{{object.value2}}</ng-template>
<ng-template #elseBlock>...some string...</ng-template>
或者直接將thenBlock寫在里面:
.......
<ng-container *ngIf="object;else elseBlock">
<div>{{object.value1}}{{object.value2}} 該怎么寫就怎么寫...</div>
</ng-container>
.......
<ng-template #elseBlock>...some string...</ng-template>