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>

不过这个语句有个缺点,就是没有办法很好的结合context语法传递参数。
如果你的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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • MYSQL 基础知识 1 MySQL数据库概要 2 简单MySQL环境 3 数据的存储和获取 4 MySQL基本操...
    Kingtester阅读 7,857评论 5 116
  • 五律/古寺门前 作者:心博、图片:网络 古寺门前树,周身缠碧萝。 鳞皮枝干老,草木鸟巢多。 溪水绕南侧,冠头倒北坡...
    心博1阅读 208评论 0 0
  • 看到微博上一切写朴树的新闻,里面写到他的生活有多么的潦倒,这个消息震惊了我。他不是明星吗?他有那么多人们口耳相...
    cmxxu阅读 151评论 0 0
  • 一、从晋阳到大兴 翻翻历史上的大一统王朝,除了靠政变穿上龙袍的几位猛人如杨坚、赵匡胤,和站在父辈肩膀上称帝的如忽必...
    雪山飛瓜阅读 823评论 0 51