在angular2中访问承诺的结果
我是angular2的新手,我想获得承诺的结果,但失败了 这就是我尝试过的 在authservice中在angular2中访问承诺的结果,angular,typescript,Angular,Typescript,我是angular2的新手,我想获得承诺的结果,但失败了 这就是我尝试过的 在authservice中 token: string ; constructor( private _http: Http, private _storage: Storage) { this._storage.get('currentUser') .then(res=> this.token = JSON.parse(res).token) //WHEN I SET A
token: string ;
constructor( private _http: Http, private _storage: Storage) {
this._storage.get('currentUser')
.then(res=> this.token = JSON.parse(res).token)
//WHEN I SET AN ARBITRARY VALUE IT RETURNS
eg:this.token="dsd";
//Also this logs a value
// .then(res=> console.log(JSON.parse(res).token))
}
在另一个componenet中,我通过
authtoken: string;
constructor( private _authservice: AuthService, public _loadingCtrl: LoadingController) {
this.authtoken = this._authservice.token;
}
in the view
{{authtoken}}
我错了什么在服务中试试这个:
getToken() {
return JSON.parse(this._storage.get('currentUser')).token;
}
然后在组件中:
this.authtoken = this._authservice.getToken();
如果存在异步问题,则值得在视图中添加elvis运算符:
{{authtoken?}}
第二个组件不知道异步函数调用何时完成。因此,您将得到一个null或未定义的值作为返回值 我建议这样做:
token: string ;
constructor( private _http: Http, private _storage: Storage) {
}
setCurrentUser(): Promise<void>{
if (this.token == undefined ||this.token == ""){ //Only sets the token if no user is signed in
return this._storage.get('currentUser').then(res=> this.token = JSON.parse(res).token)
}
return Promise.resolve();
//WHEN I SET AN ARBITRARY VALUE IT RETURNS
eg:this.token="dsd";
//Also this logs a value
// .then(res=> console.log(JSON.parse(res).token))
}
更新了我的答案(再次),以防你看到旧的答案。我尝试过,但失败了#下面的巴塔胡斯答案有效,谢谢,太棒了!最重要的是你得到了一个有效的解决方案:)
authtoken: string;
constructor( private _authservice: AuthService, public _loadingCtrl: LoadingController) {
}
ngOnInit(){
this._authservice.setCurrentUser().then(() => {
this.authtoken = this._authservice.token;
}
}
in the view
{{authtoken}}