angular2リダイレクトするlocalStorageを確認する

Question

ユーザーが/ dashboardのようなリンクに行くように強制するときに、リダイレクトしようとすると、空の場合はlocalStorageを確認する必要があります。

機能ではなくvar checkStorageを実行できないようですが、私は機能を実行しますが、自動的に起動する方法はわかりません。

関数を初期化するための推測は、ngOnInitです（角度1のinit（）{}と同様です）。

export class DashboardComponent { 
 
    constructor(private router: Router) {} 
 
    
 
    var checkStorage = localStorage.getItem('username'); 
 
    if(checkStorage = null) { 
 
     this.router.navigate(['/']); 
 
    } 
 

 
    logoutAction(){ 
 
     if(localStorage.getItem('username') != null){ 
 
      localStorage.removeItem('username'); 
 
      this.router.navigate(['/']); 
 
     } 
 
    } 
 
}

回答は、私が見つかりましたが、良い方法があるかどう共有してください。

ngOnInit() { 
 
     this.checkStorage(); 
 
    } 
 
    
 
    checkStorage() { 
 
     var checkStorage = localStorage.getItem('username'); 
 
     if(!checkStorage) { 
 
      this.router.navigate(['']); 
 
     } 
 
    }

Answer 1

あなたがログインするまでのアクセスをブロックしたい場合は、角度の方法が書かれています：

は、バックエンドが私たちのために働くしてみましょう。

私はPHPの開発者だったとき、CookieがないときにリダイレクトするCodeIgniter Frameworkの機能を持っていることを覚えています。

あなたは、この使用して角度2制限したい場合は、あなたのコードは良いようだが、私は間違いを発見した（まだない生産のためのを覚えている！）：

var checkStorage = localStorage.getItem('username'); 
if(checkStorage == null) { 
    this.router.navigate(['/']); 
} 

は、比較するために、二重等を使用してください。

これをinitで実行したい場合は、これが役に立ちます。

Converting Angular 1 to Angular 2 ngInit function

幸運と幸せなコーディング！