3

Anuglar2 rc-4 Web アプリケーションを作成しています。ルートを制限しようとしていますが、ログイン ガードを追加すると、プロバイダーがないと表示されます。ログイン ガードと canActive ルートを追加しようとすると、通常のログイン サービス コードは正常に動作します。このエラーを修正する方法についてのアイデアはありますか?

routes.ts

import { RouterConfig } from '@angular/router';
import { Home } from './components/home/home';
import { Login } from './components/login/login';
import { DashBoard } from './components/dashboard/dashboard';
import { User } from './components/user/user';
import { Store } from './components/store/store';
import { LoggedInGuard } from './models/logged-in.guard.ts'; 

export const routes: RouterConfig = [
    { path: '', redirectTo: 'home', pathMatch: 'full' },
    { path: 'home', component: Home, canActivate: [LoggedInGuard] },
    { path: 'login', component: Login },
    { path: 'dashboard', component: DashBoard },
    { path: 'user', component: User },
    { path: 'store', component: Store },
    { path: '**', redirectTo: 'home' }
];

boot.ts

import { bootstrap } from '@angular/platform-browser-dynamic';
import { FormBuilder } from '@angular/common';
import { provideRouter } from '@angular/router';
import { HTTP_PROVIDERS, JSONP_PROVIDERS } from '@angular/http';
import { App } from './components/app/app';
import { routes } from './routes';

bootstrap(App, [
    HTTP_PROVIDERS,
    FormBuilder,
    provideRouter(routes)
]);

ログインした.guard.ts

import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';
import { LoginService } from '../services/login.service';

@Injectable()
export class LoggedInGuard implements CanActivate {
  constructor(private ls: LoginService) {}

  canActivate() {
    return this.ls.isLoggedIn();
  }
}
4

1 に答える 1

4

LoggedInGuardアプリケーションのブートストラップ関数内にサービスを挿入する必要があります

bootstrap(App, [
    HTTP_PROVIDERS,
    FormBuilder,
    provideRouter(routes),
    LoggedInGuard // injected LoggedInGuard service provider here
]);

注:この回答は、現在の angular 2 の更新されたバージョン (rc.6) では同じではありません。アップグレードするときは、 NgModuleすべての依存関係を 1 か所にまとめるための場所を作成する必要があります。その時間はオプションLoggedInGuard内に移動します。 providers`NgModuleの

`

于 2016-09-05T20:58:38.937 に答える