Angular2 / Ionic2：在侦听器中执行$ http.get

Question

我试图获取滚动数据并填充“ Article [] ”数组。

httpLoadArticles() {
    this.httpWSGetInit().subscribe(
                                   articles => this.articles = articles,
                                    err => {
                                        console.log(err);
                                    },
                    () => console.log('Searching complete')
}

和当前功能。

httpWSGetInit() : Observable<Article []> {

    return this.http.get(R.WEBSITE_URL_WS + this.articlesPagination)
                         .map((res:Response) => res.json())
                         .catch((error:any) => Observable.throw(error.json().error || 'Server error'));
}

效果很好。

但http.get方法永远不会在一个名为addScrollListener 。

@ViewChild(Content) content: Content;

ionViewDidLoad() {
        this.content.addScrollListener(this.onPageScroll);
}

onPageScroll(event) {
       this.httpLoadArticles()
}

我试图将GET设置为synchronous但似乎没有任何改变。 这是scope问题吗？ 就像addScrollListener是纯JS方法一样，无法附加到angular2容器吗？

Answer 1

是的，这是一个范围问题。 您应该使用Arrow函数保留此上下文

ionViewDidLoad() {
    this.content.addScrollListener(() => this.onPageScroll() );
}