GroupBy Observable<todo[]>

Question

我正在检索一个在我的角度应用程序(离子框架)的消防局的待办事项的平面列表。返回的列表是一个可观察的列表，我使用异步管道在模板中显示列表。这个待办事项列表有一个截止日期，我想在上面做一些自定义分组，以便在我的todolist应用程序中显示组标题。

这些小组是：

overdue (duedate < today)
today (duedate == today)
later (duedate > today)

我正在用一些神奇的ngFor和ngIf在视图中进行实验，但感觉不对。我也在用RxJS阅读有关RxJS的文章，但希望得到其他建议或帮助。定制烟斗？

Answer 1

只要使用不同的观测值，就没有理由让它变得过于复杂。

const items$ = /* … */;

const overdueItems$ = items$.filter(item => …);
const todayItems$ = items$.filter(item => …);
const laterItems$ = items$.filter(item => …);

定制烟斗？

由于性能原因，角不鼓励用户使用过滤管道。