Angular2 - 没有自定义功能的 ngFor trackby 索引

Question

我想使用 ngFor trackBy 索引。我找到了类似下面的方法

@Component({
  selector: 'my-app',
  template: `
    <ul>
      <li *ngFor="let item of collection;trackBy: trackByFn">{{item.id}}</li>
    </ul>
    <button (click)="getItems()">Refresh items</button>
  `,
})
export class App {

  constructor() {
    this.collection = [{id: 1}, {id: 2}, {id: 3}];
  }

  getItems() {
    this.collection = this.getItemsFromServer();
  }

  getItemsFromServer() {
    return [{id: 1}, {id: 2}, {id: 3}, {id: 4}];
  }

  trackByFn(index, item) {
    return index; // or item.id
  }
}

但一路上我发现需要在组件类中创建一个函数。

我尝试了这些但似乎不起作用:

*ngFor="let item of collection; trackBy:index"

*ngFor="let item of collection; let i = index; trackBy:i"

有没有不用自定义函数的索引追踪的方法？

感谢您的回答!

Answer 1

你做不到。以前是可能的，但由于很多错误，他们停止了支持。现在你需要传递函数。

有feature request这样您就可以关注它。