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}}" style="width:79px;height: 70px;"> </a> </ng-container>
DOM 输出:
<a href="#"> <img src="{{item.picurl}}" style="width:79px;height: 70px;"> </a>
注:ng-container 渲染所包含的模板内容,不包含自身。