約束の外で変数を使用する方法

Question

私はイオンストレージに認証トークンを持っており、httpリクエストを通過させる必要がありますが、storage.get.then約束から値を得ることはできません。

getProducts(){ 
    let headers = new Headers(); 
    this.token= this.storage.get('Authorization').then((value)=>{ 
     this.token= value; 
     return this.token; 
    }); 
    headers.append("Authorization",this.token); 

    return this.http.get('https://vjtest.cobold.xyz/vapi/public/api/products',{headers: headers}) 
     .map(res=> res.json()); 

    } 

Answer 1

約束事は非同期なので、応答を待ってから2番目の要求を呼び出す必要があります。

getProducts(){ 
    return this.storage.get('Authorization').then((value)=>{ 
     this.token= value; 
     return this.sendReq(this.token) 
    }); 
} 

sendReq(token){ 
     let headers = new Headers();  
     headers.append("Authorization",token); 
     return this.http.get('https://vjtest.cobold.xyz/vapi/public/api/products',{headers: headers}) 
     .map(res=> res.json()); 
} 

Answer 2

あなたは（観測可能になります）httpリクエストを返し、あなたの関数に加入し、 か、要求自体に加入した後、それを操作のいずれか：

this.http 
.get('https://vjtest.cobold.xyz/vapi/public/api/products',{headers: headers}) 
.subscribe(data => { 
    //manipulate what the request returned here 
}); 

Answer 3

はasync機能を使用してみてください。

getToken() { 
    return this.storage.get('Authorization'); 
} 

async getProducts(){ 
    this.token = await getToken(); 
    let headers = new Headers(); 
    headers.append("Authorization",this.token); 
    return his.http.get('https://vjtest.cobold.xyz/vapi/public/api/products',headers: headers}).map(res=> res.json()); 

}