私のangular2サービスの.subscribeからデータを渡す方法はありますか？

Question

私は自分のAuthServiceに以下の機能を持っている：

getToken() { 
    this.http.post('myAuthEndpoint', { credentials }) 
    .subscribe((res) => { 
    const token = res.headers.get('Authorization') 
    localStorage.setItem('id_token', token); 
    }); 
} 

私はgetToken()から、私は戻って.subscribeで取得実際のトークン値を返すようにしたいです。それを行う方法はありますか？

Answer 1

あなたには、いくつかの他のアクションを実行する必要がある場合は、トークンが利用可能になったとき、あなたが次の操作を行うことができます。

getToken() { 
    return this.http.post('myAuthEndpoint', { credentials }) 
    .map((res) => { 
    const token = res.headers.get('Authorization') 
    return token; 
    }) 
    .do((token) => { 
    localStorage.setItem('id_token', token); 
    }); 
} 

// some other part of app 
authService.getToken() 
    .switchMap((token) => { 
    // perform any desired action 
    }) 
    .subscribe((result) => ...); 

をしかし、この場合には、その後のsubscribeなしgetToken()を呼び出すと、何もしないことを注意してください。あなたは2つのサービス1を持っているコメント

へ

回答は、トークン、他方がそれを消費提供：

export class AuthService { 
    private tokenSource = new ReplaySubject(1); 
    private token$ = this.tokenSource.asObservable(); 

    constructor(private http: Http) { 
    return this.http.post('myAuthEndpoint', { credentials }) 
    .map((res) => { 
     let token = res.headers.get('Authorization') 
     return token; 
    }) 
    .do((token) => { 
     localStorage.setItem('id_token', token); 
    }) 
    .subscribe(this.tokenSource); 
    } 

    getToken() { 
    return this.token$; 
    } 
} 

export class RecentPhotosService { 
    constructor(private authService: AuthService) { 
    this.authService.getToken() 
     .switchMap(token => { 
     return this.getRecentPhotos(token); 
     }) 
     .subscribe(photos => {...}); 
    } 

    ... 
}