Angular - Ionic 2 - 无法读取未定义的属性“订阅”

debugcn 发表于 Dev

米萨克·博亚吉安

我正在尝试实现离线模式，我已经做了这样的事情。

在我的Page.ts文件中

getnews() {

        this._newsservice.GetNews(this.NewsFilterOptions).subscribe(res => {
            this.newsArray = res;
            this.loadingnews = false;
        },
            err => {
                this.loadingnews = false;
            },
            () => {

            });
    }

在我的Service文件中

GetNews(FilterOptions: any) {
        return this.utilitiesService.Get("news" + this.QueryBuilder(FilterOptions));
    }

我的Utilities档案

public Get(endUrl: string) :Observable<any> { 

        if (this._AppConfig.IsOnline) { // If Online Get From Server
            ...
            return this.http.get(this.baseUrl + endUrl, options)
                .map(response => {
                    //SAVE HTTP RESPONSE TO DICTIONARY
                    this._OfflineService.Set(this.baseUrl + endUrl, response);
                    return response.json()
                });
        }
        else {

            this._OfflineService.Get(this.baseUrl + endUrl).then(val => {
                return Observable.of(val).map(o => o.json());
            }).catch((err) => {
                return Observable.throw("ERROR");
            });


            // FETCH HTTP RESPONSE FROM DICTIONARY
            //return Observable.of(Data).map(o => o);

        }


    }

离线Service：我正在使用 Ionic LocalStorage。

 Get(endUrl: string) {

    // Or to get a key/value pair
    return this.storage.get(endUrl);

}


 Set(endUrl: string , data: any) {

    // Or to get a key/value pair
    this.storage.set(endUrl,data).then((val) => {

    });
    }

现在在线模式工作正常，但是当应用程序离线时，subscribe虽然我返回了可观察的，但我得到了无法读取未定义的属性。

苏拉·拉奥

使用Observable.fromPromise.

在您的Get()函数中，else 部分：

return Observable.fromPromise(this._OfflineService.Get(this.baseUrl + endUrl))
     .map(val => val.json())
     .catch((err) => {
                return Observable.throw("ERROR");
            });

这会将承诺转换为可观察的，您可以使用它map来解析 json 并最终订阅。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。