標記返回值的值爲空，未獲取標記的值。 Angular 4.3 Ionic 2+

Question

我可以在登錄後獲取令牌的值，因爲我正在傳遞函數的用戶名和密碼的值。在下一頁中，我沒有傳遞這些值。這對我爲什麼變得空無用有道理。那麼獲取該值的最有效方法是通過頁面之間傳遞用戶名和密碼並調用該函數？

Auth.ts

login(userName: string, password: string, route: string = null): any { 
    this.logout(false); 

    this.doLogin(userName, password) 
     .subscribe(response => { 
     let token:string = JSON.stringify(response.access_token); 
     this.storage.set('token', token); 
     console.log(token, 'this is the token here') 

     }); 
    } 

getToken(){ 
    this.storage.get('token').then((val) => { 
     this.accessToken = val; 
     }) 


     if(this.accessToken == undefined || this.accessToken == null){ 
       return '0' 
     } 
      else{ 
       return "Bearer " + this.accessToken.replace(/["]+/g, '') 
      } 
} 

component.ts

login(){ 
this.authService.login(this.account.username, this.account.password) 
} 

Interceptor.ts

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { 


     let access = this.auth.getToken() 

     const authReq = req.clone({ 
       setHeaders: { 
       Authorization: access 
       } 
     }); 

    return next.handle(authReq) 
    } 

謝謝！

Answer 1

您的代碼是異步。

this.storage.get('token').then((val) => { 
    this.accessToken = val; 
}) 

if(this.accessToken == undefined || this.accessToken == null){ 
    return '0' 
} else { 
    return "Bearer " + this.accessToken.replace(/["]+/g, '') 
} 

這裏，這種情況發生的第一件事情是，你註冊，你想要的東西發生一次獲得令牌完成（第一塊）。

然後，您執行下面的if/else報表。 this.accessToken在這裏始終未定義。

一旦獲取了令牌，then回調中的代碼就會運行，只有在此之後纔會設置accessToken。

如果你在這裏和那裏放幾個console.log，你可以證實這個問題。

---

您需要將代碼依賴於在promise回調內異步獲取的令牌，像這樣。

this.storage.get('token').then((val) => { 
    this.accessToken = val; 

    if(this.accessToken == undefined || this.accessToken == null){ 
    return '0' 
    } else { 
    return "Bearer " + this.accessToken.replace(/["]+/g, '') 
    } 
}) 

---

作爲邊注，this.accessToken == undefined和this.accessToken == null是等價的。只寫一個就足夠了;人們通常只寫this.accessToken == null以保持簡短。