如何使用RxJS观察Angular2中的DOM事件？

提问于 2024-04-29T18:23:59+08:00

浏览次

1

我用 Angular2 Alpha 46 . 我有一个列表视图组件，如下所示 . 我想观察来自PREV和NEXT按钮的点击事件，并通过promise调用Web API来检索数据并更新列表 .

我不知道是否应该使用 Angular2 或RxJS附带的 EventEmitter .

谁能提供一个例子？

enter image description here

1 回答

1
我没有完整的例子，但我可以为您勾画出一个解决方案：

在您的模板中绑定到click事件
```
<button (click)="next()">Next</button>
<button (click)="prev()">Prev</button>
```
在你的 class （我猜你使用Typescript）定义next（）和prev（）
```
import {Http, Headers, HTTP_BINDINGS} from 'angular2/http';



next() {
   this.http.get("your url")
     .map(res => res.json())  /* if its JSON */
     .subscribe(
        data => this.listdata = data,
        err => console.error(err),
        () => console.log("Done")
      )
    }

prev() {
  /* like next */
  }
```
您必须导入Http和HTTP_BINDINGS .

http.get返回一个observable（aka流），而不是像angular 1中的promise

Ayden Towfeek提供了一个视频教程，演示如何在youtube上使用http和observables tutorial
回复于 2024-04-29T18:23:59+08:00

相关问题