角度2のルータは、RC3にアップグレードした後、適切なルートに戻っていません。

Question

角度2のバージョンが変更されて以来、ルータの機能navigateに問題があります。 2.0：角度/ルータ@

：私はので、私はこのようなルータのバージョンを変更しなければならなかった 2.0.0-rc.3に2.0.0-rc.1からのバージョンをアップグレードしました。 0-rc.1〜3.0.0-alpha7

と私はすべてのルートを含むファイルを作成しました。 2.0 this.router.navigate(['/login']);作品うまくこのコンポーネントのコードを

ngOnInit() { 
    console.log('isLoggedin: ' + isLoggedin()) 
    if (isLoggedin()) { 
     this.router.navigate(['/home']); 
    } else { 
     this.router.navigate(['/login']); 
    } 
} 

：

export const routes:RouterConfig = [ 
    { path: '', component: Home, terminal: true }, 
    { path: 'home', component: Home }, 
    { path: 'login', component: Login }, 
    ... 

、その後私は、このコードでコンポーネントを有するブートストラップ機能

bootstrap(AppComponent, [ 
    AppWebservice, 
    HTTP_PROVIDERS, 
    APP_ROUTER_PROVIDERS, 
    provide(Config, {useClass: Config}) 
]).catch(err => console.error(err)); 

へのルートを追加しました。 0-rc.1に変更されましたが、新しいバージョンでは動作しません。 isLoggedin()の値をチェックしました。値がfalseの場合でも、ログインページではなくホームページに再ルーティングされます。

ルータが正しく動作しない理由を知っている人はいますか？

Answer 1

これは、ルートにGuardを設定する基本的な例です。

canActivate: [HomeGuard]をルートに追加すると、リダイレクトが必要になります。

isLoggedinをガードに注入するサービスを作成する必要があります。

もちろん、ガード注射液を作成してください。

ご質問がある場合はお知らせください。

export const routes:RouterConfig = [ 
    { path: '', component: Home, terminal: true, canActivate: [HomeGuard]}, 
    { path: 'home', component: Home }, 
    { path: 'login', component: Login }, 


    @Injectable() 
    export class HomeGuard implements CanActivate { 
    constructor(provate isLoggedinService: IsLoggedinService, private router: Router) {} 

    canActivate() { 
     console.log('this.isLoggedinService.isLoggedin: ' + this.isLoggedinService.isLoggedin()) 
     if (this.isLoggedinService.isLoggedin()) { 
      this.router.navigateByUrl('home'); 
      return false; 
     } else { 
      this.router.navigateByUrl('login'); 
      return false; 
     } 
    } 
    }