ログインガードを備えた角度2のルータ

Question

私は数日前に認証ガードを実装しようとしていましたが、まだ私のcanActivate機能を実行することができません。

import { Injectable } from 'angular2/core'; 
import { Observable } from "rxjs/Rx"; 

@Injectable() 
export class LoggedInGuard implements CanActivate { 
    constructor() {} 

    canActivate():Observable<boolean>|boolean { 
    console.log('AuthGuard#canActivate called'); 
    return true; 
    } 
} 

とガードをインポートし、ルータがどのように見える実装私のアプリのコンポーネント：LoggedInGuardを

import { Component } from 'angular2/core'; 
import { HTTP_PROVIDERS } from 'angular2/http'; 
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router'; 
import 'rxjs/Rx'; // load the full rxjs 

import { CharacterListComponent } from './characters/character-list.component'; 
import { VehicleListComponent } from './vehicles/vehicle-list.component'; 


import { LoggedInGuard } from './login.guard.ts' 

@Component({ 
    selector: 'story-app', 
    templateUrl: 'app/app.component.html', 
    directives: [ROUTER_DIRECTIVES], 
    providers: [ 
    HTTP_PROVIDERS, 
    ROUTER_PROVIDERS, 
    LoggedInGuard 
    ] 
}) 
@RouteConfig([ 
    { path: '/characters', name: 'Characters', component: CharacterListComponent, useAsDefault: true }, 
    { path: '/vehicles', name: 'Vehicles', component: VehicleListComponent, canActivate: [LoggedInGuard] } 
    ]) 
export class AppComponent { } 

たびに私の認証ガードは、この（明らかに実際には何も守っていないされている）ように見えますのcanActivate機能が実行されると、ログエントリが作成されます。リンク間を移動するときは、決してログエントリは作成されません。つまり、関数は決して実行されません。あなたは、アクションhereのプランカを見ることができます。

任意の洞察力をいただければ幸いです...私は、これはあなたが角度2の方法古いバージョンを使用しているアンギュラ2.

Answer 1

に慣れて誰かのために簡単なものになると確信している、あなたのアプリケーションをアップグレードしてみてくださいあなたは、新しい参照に見えるかもしれ

、可能であればRC6に

Routing & Navigation

また、角度のチームは、コンセプトを紹介Plunkerを作成しました。認証ガードも含まれます。

これが役立ちますように！