前端之家收集整理的这篇文章主要介绍了
反转角度2 * ngFor,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<li *ngFor="#user of users ">
{{ user.name }} is {{ user.age }} years old.
</li>
是否可以反转ngFor项目是自下而上添加的?
所选答案有两个问题:
首先,管道不会注意到源数组修改,除非您向管道的属性添加pure:false。
其次,管道不支持双向绑定,因为数组的副本是反向的,而不是数组本身。
最终代码如下:
import {Pipe} from 'angular2/core';
@Pipe({
name: 'reverse',pure: false
})
export class ReversePipe {
transform (values) {
if (values) {
return values.reverse();
}
}
}
Plunker
http://plnkr.co/edit/8aYdcv9QZJk6ZB8LZePC?p=preview