Ionic 2/Angular 2 promise returning observable

Question

I have a situation where I need to fetch a piece of data from storage in an Ionic 2 application and then use that data to create an HTTP request. The problem that I am running i

Answer 1

I got it to work using a combination of Observable.fromPromise() and .flatMap():

getToken() {
    return Observable.fromPromise(this.storage.get('token')
    .then((token) => {
        return token;
    }));
}

loadStuff(){
    return this.tokenService.getToken()
    .flatMap(token => {
        return this.http.get("https://www.urltodatasource.com/api/v1/Endpoint?access_token="+token)
        .map(res => {
            return res.json();
        });
    });
}

this.tokenService.loadStuff().subscribe(data => {
    this.storage.set('stuff', data);
    return data;
});

You'll also need to add these imports:

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/fromPromise';
import 'rxjs/add/operator/mergeMap';