在服务angular2中共享异步数据[重复]

Question

我可能遗漏了一些非常明显的东西，但我想做的是在组件之间异步共享从服务器获取的数据。

我的服务看起来是这样的:

import {Injectable} from 'angular2/core';
import {ApiService} from './api.service';

@Injectable()
export class UserService {
    private user: Object

    constructor(private _api: ApiService) {}

    getUser(user) {
        return this.user
    }

    setUser(slug) {
        return Promise.resolve(this._api.GET('users/' + slug + '/?slug=true').subscribe(
            data => { this.user = data.json; return data.json; },
            (err)=>console.log(err)
         ))
    }
}

因为流程是异步的，所以我需要promise响应，但是promise的响应返回实际的subscribe对象，而不是返回的< code>data.json。

这是一个配置文件页面，它由嵌套路由组成，所以我不能将数据传递给路由组件。路由组件之一是帖子，加载配置文件后，它应该开始获取服务中当前用户的帖子。

所以这就是我需要发生的：

< li >用户转到他/她的个人资料。 < li >服务调用setUser('foo ')，一旦响应，显示配置文件页面。 < li >使用服务的getUser()将用户的帖子提取到帖子组件中

API 服务如下所示：

import {Injectable} from 'angular2/core';
import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from 'angular2/http';
import {GlobalService} from '../app.service';
import 'rxjs/Rx';


@Injectable()
export class ApiService {
    constructor(private http: Http) {}

    apiURL = 'http://localhost:8000/api/';
    assetURL = 'http://localhost:8000/media/';

    GET(url) {
        var headers = new Headers(), authtoken = localStorage.getItem('authtoken');
        headers.append("Content-Type", 'application/json');

        if (authtoken) {
        headers.append("Authorization", 'Token ' + authtoken)
        }
        headers.append("Accept", 'application/json');

        var requestoptions = new RequestOptions({
            method: RequestMethod.Get,
            url: this.apiURL + url,
            headers: headers
        })

        return this.http.request(new Request(requestoptions))
        .map((res: Response) => {
            if (res) {
                return { status: res.status, json: res.json() }
            }
        });
    }
}

请原谅这个糟糕的问题，如果是这样，我仍在学习 angular2，无法在网上找到具体的解决方案。

Answer 1

如果你需要一个< code >promise，你可以使用< code >promise

import {toPromise} from 'rxjs/operator/toPromise'

...

   setUser(slug) {
        return this._api.GET('users/' + slug + '/?slug=true')
        .map(
            data => { this.user = data.json; return data.json; }
         )
         .toPromise()
         .catch(err)=>console.log(err));
    }

Answer 2

如果你需要一个promise，你可以用这样的方式：

setUser(slug) {
    return new Promise((resolve, reject) => {
      this._api.GET('users/' + slug + '/?slug=true').subscribe(
        data => {
          this.user = data.json;
          resolve(data.json);
        },
        (err) => {
          console.log(err);
          reject(err);
        }
     ))
}

否则，您将解析订阅而不是接收到的数据...