로컬 저장소의 각도 비동기 문제

Question

난 각도에서 시작하고 비동기 작업에 몇 가지 문제가 있습니다. 클래스 개인 값을 http 요청에 사용될 localstorage 키 값으로 설정하려고 시도하지만 http reuqest가 키가 저장소에서 검색되기 전에 실행됩니다. 나는 이온 성 네이티브 스토리지를 사용하고 있습니다. 이 작업을 구현하는 적절한 방법은 무엇입니까? 어떤 도움이라도 대단히 감사 할 것입니다. 당신은 저장 콜백이 호출 된 후 HTTP 요청 을 보낼 수 있습니다

export class EventService { 
constructor(private _http: Http, private _storage: Storage) { 
} 

private url = 'http://website.com'; 
private token : string; 

getEventsAction() { 
    this._storage.ready().then(() => { 
    this._storage.get('auth_token').then((val) => { 
     this.token = val; 
    }); 
}); 

let params = { 
    "query": { 
    "search_term": "", "page": 1 
    } 
}; 
let headers = new Headers(); 
headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
headers.append('Access-Control-Allow-Origin', '*'); 
headers.append('Auth-Token', this.token); 

let options = new RequestOptions({headers: headers}); 

return this._http.post(this.url + '/api/events/list', params, options) 
    .map((response: Response) => { 
    let events = response.json(); 
    if (events) { 
     return events; 
    } 
    }); 
} 

Answer 1

: 다음은 내 코드입니다.

export class EventService { 
    constructor(private _http: Http, private _storage: Storage) { } 

    private url = 'http://website.com'; 
    private token : string; 

    getEventsAction() { 
     this.retrieveToken().catch(() => { 
      // You can log something here, the 'then' callback will be always executed anyway 
     }).then(() => { 
      this.sendHttpRequest(); 
     }); 
    } 

    private retrieveToken(): Promise<any> { 
     return this._storage.ready().then(() => { 
      return this._storage.get('auth_token').then((val) => { 
       this.token = val; 
      }).catch(() => { 
       // Set default token if storage.get() raised an exception 
       this.token = 'defaultToken'; 
      }); 
     }); 
    } 

    private sendHttpRequest() { 
     let params = { 
      "query": { 
       "search_term": "", "page": 1 
      } 
     }; 
     let headers = new Headers(); 
     headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
     headers.append('Access-Control-Allow-Origin', '*'); 
     headers.append('Auth-Token', this.token); 

     let options = new RequestOptions({headers: headers}); 

     return this._http.post(this.url + '/api/events/list', params, options) 
     .map((response: Response) => { 
      let events = response.json(); 
      if (events) { 
       return events; 
      } 
     }); 
    } 
}