如何使rxjs无ui阻塞？

我有一系列的物品。该数组中的每个项表示我的html表中的一行，并在项目数组更改时自动呈现

我现在想在单击按钮时使用

rxjs

将一些项目添加到该表中，因此我执行了以下操作：

Rx.Observable.fromEvent(this.$.button, 'click')
    .switchMap(() => Rx.Observable.range(0, 10000))
    .subscribe((x) => {
        this.push('items', {id: '' + x, description: '' + x});
    });

但这会冻结ui，直到每个元素都被推入数组。

---

如何实现它以使ui不冻结并仍然响应用户输入？

如果您不希望

范围

同步发出整个范围的值，可以指定一个

例如：

Rx.Observable
.fromEvent（此.$按钮“单击”）
.switchMap（（）=>Rx.Observable.range（0,10000，Rx.Scheduler.asap））
.订阅（（x）=>{
this.push（'items'，{id:'+x，description:'+x}）；
});