ngIf then else

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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • MYSQL 基礎(chǔ)知識 1 MySQL數(shù)據(jù)庫概要 2 簡單MySQL環(huán)境 3 數(shù)據(jù)的存儲和獲取 4 MySQL基本操...
    Kingtester閱讀 8,071評論 5 115
  • 五律/古寺門前 作者:心博、圖片:網(wǎng)絡(luò) 古寺門前樹,周身纏碧蘿。 鱗皮枝干老,草木鳥巢多。 溪水繞南側(cè),冠頭倒北坡...
    心博1閱讀 225評論 0 0
  • 看到微博上一切寫樸樹的新聞,里面寫到他的生活有多么的潦倒,這個消息震驚了我。他不是明星嗎?他有那么多人們口耳相...
    cmxxu閱讀 175評論 0 0
  • 一、從晉陽到大興 翻翻歷史上的大一統(tǒng)王朝,除了靠政變穿上龍袍的幾位猛人如楊堅、趙匡胤,和站在父輩肩膀上稱帝的如忽必...
    雪山飛瓜閱讀 875評論 0 51

友情鏈接更多精彩內(nèi)容