在Angular 2中过滤数组的最佳实践

Question

我有一个称为“游览”的组件，它显示了游览的完整列表。 我有一个指向“收藏夹”的站点的链接，该站点应该显示将“收藏夹”参数设置为true的游览，并且与“游览”组件完全相同。

是否有实现此目标的最佳做法？ 我可以想到几种方法

1. 创建到该组件的单独路线，并根据路线中的值进行过滤
2. 创建基于路径触发的自定义管道

但是，它们都不适合我

Answer 1

我专门使用filter功能，尤其是在您的情况下。 如果每次巡回中都有一个具有favorite属性的巡回数组，则可以执行以下操作：

this.tours.filter((item) => {
            return (item.favorite === true)
        })

或者，如果您想使用带有favorite参数的filter函数，则可以执行以下操作：

filterFavorites(favorite : boolean): Array<string>{
        return tours.filter((item) => {
            return (favorite)? item : null;
        })
}

让我知道这是否对您有帮助。

编辑：您绝对可以创建一个管道，但是除非您打算在其他地方多次使用该管道，否则我认为这对您而言是过大的。