angular 模板循环ng-container

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

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

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

ng2 结构指令不能直接嵌套使用,可使用标签来包裹指令

示例如下:

<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 渲染所包含的模板内容，不包含自身。