Question

我想将令牌存储在本地存储中，如果存在，请稍微调整一下，然后在页面上使用它。

使用离子1很容易创建一个服务，只需从本地存储中获取数据，更改它并返回它，以便主要组件可以随意使用它。

但是现在NativeStorage.getItem（）返回一个promise，如何强制服务完全获取项目，并在将调整后的令牌作为数据返回之前完成其他更改？

我希望能够做到：

export class Test{
    let tok = "";
    constructor(tokenService:TokenService){
       this.tok = tokenService.getToken()
    }

    ngOnInit(){
      alert(this.tok + " Is your token");
    }
}

并且在tokenService中，提供者具有：

getToken(){
// this doesn't work now because it will return undef for modified_token not waiting for the promise to finish
    let modified_token:string; 
    NativeStorage.getItem('token').then(
        data=>{ 
            modified_token = data + 'modified'; 
        }
    ); 
    return modified_token
}

我是否必须拥有另一个在承诺完成时调用的主函数？

像：

getToken(){
    return NativeStorage.getItem('token')
}

而不是在ngOnInit的构造函数中有：

ngOnInit(){
 tokenService.getToken().then(
    data => { 
        let modified_token = data + "modified";
        mainAction(modified_token);
    })
}

和mainAction（）还有我想做的其他事情吗？

Answer 1

我是否必须拥有另一个在调用时调用的主函数承诺结束了吗？

这是一种方法。您还可以通过返回这样的新Promise来保留getToken方法中的所有相关逻辑：

getToken(){
   return NativeStorage.getItem('token').then(data => return data + 'modified')
}

然后

ngOnInit(){
 tokenService.getToken().then(
    modifiedToken => { 
        mainAction(modifiedToken);
    })
}

更新：根据@SamMason评论更新答案。

离子2中的nativeStorage和提供者

1 个答案: