离子2返回{＆＃34; __ zone_symbol__state＆＃34;：null，＆＃34; __ zone_symbol__value＆＃34;：＆＃34; cyprus＆＃34;}

Question

我在名为api-serive.ts的提供者页面中有我的功能

//get city in profile 
    getCityInProfile(){
        return new Promise((resolve, reject) => {

            let headers = new Headers({ 'Authorization':  
             localStorage.getItem('token') });

            this.http.get(this.getProfile,{headers:headers}).subscribe(
                (res) => {
                    console.log (res.json().profile.location)
                    resolve(res.json().profile.location)
                    return  (resolve(res.json().profile.location));
                },(err) => {
                    reject(err);
                }); 
        })

    }

当我在另一个page.ts中调用此函数以获取我的个人资料中的城市时，它会返回：

  

{＆＃34; __ zone_symbol__state＆＃34;：空，＆＃34; __ zone_symbol__value＆＃34;：＆＃34;塞浦路斯＆＃34;}

这就是我在page.ts中的称呼方式。

  

CityInProfile（）{console.log   （JSON.stringify（this.jobsServiceProvider.getCityInProfile（））+   ＆＃39;返回＆＃39;）         this.cityProfile = this.jobsServiceProvider.getCityInProfile（）; }

价值在那里（塞浦路斯），但为什么以这种方式退货

Answer 1

您必须记住，该服务以异步方式获取数据，因此您必须等待该数据准备好。

如果您不介意，我会对您的代码进行一些小的更改：

// Get city in profile 
getCityInProfile(): Promise<any> {

    // First get the token from the localStorage (it's async!)
    return localStorage.getItem('token').then(token => {

        // Set the token in the header
        let headers = new Headers({ 'Authorization':  token });

        // Make the request, but don't subscribe here!
        return this.http.get(this.getProfile, { headers:headers })
                        .map(res => res.json())
                        .map(resJson => resJson.profile.location)
                        .toPromise();

    });
}

然后，当您想要使用该服务时，您需要这样做：

public getCityInProfile(): void {

    // Use the 'then' to wait for the response to be ready
    this.jobsServiceProvider.getCityInProfile().then(city => {

        // Now you can use the city returned by the service
        console.log(`Returned: ${city}`);
        this.cityProfile = city;

    });

}