码迷,mamicode.com
首页 > 其他好文 > 详细

ngIf和ngFor共用

时间:2018-10-09 22:47:28      阅读:353      评论:0      收藏:0      [点我收藏+]

标签:sts   一段   containe   代码   解决   标记   alt   col   curl   

  Angular v2不支持同一元素上使用多个结构指令。
  一种解决方法,使用<ng-container>,允许为每个结构指令使用单独元素的元素,但不会将其标记为DOM。

<ng-container *ngIf="show">
  <div *ngFor="let thing of stuff">
    {{log(thing)}}
    <span>{{thing.name}}</span>
  </div>
</ng-container>

  

        另外一段示例代码

<ul>
<ng-container *ngFor="let item of lists">
<div class="thumb p-date" *ngIf="item.picurl">
<a href="# "><img src="{{item.picurl}} " alt=" " style="width:79px;height: 70px; "></a>
</div>
</ng-container>
</ul>

 

ngIf和ngFor共用

标签:sts   一段   containe   代码   解决   标记   alt   col   curl   

原文地址:https://www.cnblogs.com/lnlvinso/p/9763377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!