小编Rob*_*eer的帖子

你可以在Angular 2(使用Typescript)中返回一个observable作为一个承诺吗?

我正在学习使用Angular 2和Typescript在Ionic 2中进行开发.

我立即尝试的是创建一个函数,该函数返回一个在观察到的变量发生变化时得到解决的promise.

这对我来说很有用,可以在页面组件尝试使用它之前检测提供程序中的初始化是否已完成.例如

api.isInitialized()
    .then(() => {
        //api provider is initialized. Now safe to call it!
        return api.fetch("NEWS");
    });
    .then((newsData) => {
        //do something with newsData
    });
Run Code Online (Sandbox Code Playgroud)

我有以下导入:

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
import { Observable} from 'rxjs/Observable';
Run Code Online (Sandbox Code Playgroud)

只是为了检查我对如何使用促销的理解,我尝试调用以下函数.我只得到"testObservable已经改变".我希望也得到"承诺解决".

如何更改testObservable以获得已解决的承诺?

 observerTest(){
    let testObservable: any;
    let testObserver: any;

    testObservable = Observable.create(observer => {
        testObserver = observer;
    });

    let myPromise = testObservable.toPromise();

    testObservable.subscribe(data => {
        console.log("testObservable has changed.");
        console.log(data);
    });

    myPromise.then(() =>{
        console.log("promise resolved.");
    });

    testObserver.next(true);
}
Run Code Online (Sandbox Code Playgroud)

typescript ionic2 angular

3
推荐指数
2
解决办法
8316
查看次数

标签 统计

angular ×1

ionic2 ×1

typescript ×1