角度 - 用于更复杂转换的管道成本高昂

时间:2017-08-08 14:47:47

标签: performance angular angular-pipe

我有一系列任务和" taskstore"看起来像这样

tasks:Task[]=[...]

interface Task{
    title:string,
    deadline:Date
}

taskStore$ = new BehaviourSubject<Task[]>(this.tasks)

现在我想显示带有多个过滤器选项的任务列表。 在截止日期之后排序非常简单,例如

<div *ngFor="let task in tasks | sortyByDay='ascending'"></<div>

在使用underscore.js的管道中(并忽略此处的订单选项)

transform(tasks:Task[]): any {
        return _.sortBy(tasks[])
    }

现在我想将简单的任务列表转换为类似

的内容
taskDaylist:Taskdaylist=[...]

interface TaskdayList{
    day:Date;
    tasks:Task[]
}

为了能够显示列表标题的列表,它总结了一天的任务(如任务数量或总切换时间,如切换)

这将涉及管道内的多个排序和映射。

我想知道如果我在管道内执行此操作会影响性能,而不是例如一个服务然后.next()结果。 与服务相比,管道显然更易于实施。

0 个答案:

没有答案