変更をトリガーしないサービス内のプロパティへの変更

Question

私は次のようなものを持っています：isAuthenticatedかどうかを判断するインスタンス内に単にプロパティを持っています。何らかの理由で、this.isAuthenticatedをさまざまな値に設定して値を変更していても、logoutと他のいくつかの方法では、その変更は角度では検出されません。私もマニュアルをしようとした$digestと$applyまだ運がない。

export default class UserService { 

    constructor($http, $state, AppConstants, JWTService) { 
    'ngInject'; 

    this.$http = $http; 
    this.$state = $state; 

    this.isAuthenticated = false; 
    } 


    logout() { 
    this.isAuthenticated = false; 
    this.$state.go('login', null, { reload: true }); 
    } 

    verify() { 
    return new Promise((resolve) => { 

     // if a user exists, then resolve 
     if (this.isAuthenticated) { 
     return resolve(true); 
     } 

     this.$http({ 
     method: 'POST', 
     url: `${this.AppConstants.api}/verify` 
     }) 
     .then(() => { 
     this.isAuthenticated = true; 
     return resolve(true); 
     }) 
     .catch(() => { 
     this.isAuthenticated = false; 
     return resolve(false); 
     }); 
    }); 
    } 

} 

コードが動作し、私が最初にログインしたとき、私はtrueにthis.isAuthenticatedを設定して投稿することによりthis.verify作品。しかし、logoutの場合、this.isAuthenticatdはfalseになりますが、if (this.isAuthenticated)は、this.verifyを再度呼び出すと、trueのままです。

Answer 1

"this"はあなたの.then（）関数内にあるとは思いません。範囲が変更されました。このシナリオは一般的なもので、JavaScriptで作業するときは常に念頭に置いておく必要があります。ここではそれについて何ができるかのほんの一例です：

javascript promises and "this"