反转角度2 * ngFor

前端之家收集整理的这篇文章主要介绍了反转角度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

猜你在找的Angularjs相关文章