ngIf和ngFor共用

Posted 2021-01-11 lnlvinso

　　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>