首页 > 解决方案 > 管道的角度传递索引

问题描述

我正在尝试在我的管道中使用 *ngFor 索引,如下所示:

<td *ngFor="let course of courses | matchesTime:time | matchesWeekday:i ; index as i">{{course.courseName}}</td>

我的管道看起来像这样:

transform(items: Array<any>, weekday: number): Array<any> {
    return items.filter(
        item => item.weekday === weekday
    );
}

但是工作日结果是不确定的。我相信当管道处理它时索引没有初始化。

编辑:我添加了一个 stackblitz https://stackblitz.com/edit/angular-5-pipe-in ​​dex-error

标签: javascriptangulartypescriptfilterpipe

解决方案


试试这个,看看它是否初始化索引

<td *ngFor="let course of courses | matchesTime:time | matchesWeekday:i | let i=index">{{course.courseName}}</td>

推荐阅读