angular 模板循环ng-container

angular2 在组件模板中可以循环数组集合等对象,语法非常简单,如:

< ng-container *ngFor ="let item of model.list" >

                    <div class="sermons-post">
                      {{item.name}}
                     </div>
</ng-container>

ng2 结构指令不能直接嵌套使用,可使用<ng-container>标签来包裹指令
示例如下:
  
  

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

  
  
 
DOM 输出：

<a href="# ">
<img src="{{item.picurl}} " alt=" " style="width:79px;height: 70px; ">
</a>

注：ng-container 渲染所包含的模板内容，不包含自身。