Angular 2 - Observable 中的排序列表

Question

sort 来自Observable 的项目列表的最佳方法是什么，并且仍然可以使用async pipe？ （我读到制作自定义排序管道并不是很有效。）我想避免订阅和保留数据的本地副本，因此只使用异步管道......

//can I use map here and filter items right in the observable and get rid of subscribe?

this.test$ = Observable.of(['one', 'two', 'three'])
    .subscribe((data) => {
        data.sort((a, b) => {
            return a < b ? -1 : 1;
         });
        this.data = data;
     });

模板：

<div *ngFor='let item of data'>
<!-- want to be able to use async pipe here -->

Answer 1

如果你调用.subscribe()，你会得到一个Subscription，异步管道需要一个Observable。

如果你改成

this.test$ = Observable.of(['one', 'two', 'three'])
.map((data) => {
    data.sort((a, b) => {
        return a < b ? -1 : 1;
     });
    return data;
 });

你可以使用带有test$的异步管道