在Angular2中的CanActivate中注入服務

Question

我正在嘗試為我的路線創建一個auth Guard服務。 在此服務中，我需要注入要用於返回當前登錄用戶的UserAccountService。

這是我的警衛：

import { Injectable, Inject } from '@angular/core'; 
import { CanActivate } from '@angular/router'; 
import { UserAccountService } from '../';


@Injectable() export class ClaimsGuardService implements CanActivate
{ 
   constructor(private user: UserAccountService) {    }

   canActivate(route, state) {
       return true;   
   } 
}

UserAccountService可以很好地注入組件中，它包含在我的app.module ：

providers: [
  provideInterceptorService([
    new ServerURLInterceptor(new CookieService())
  ]),
   ClaimsGuardService,
   CookieService,
   UserAccountService,
],

可以很好地注入其他服務，例如CookieService ， Http等，但是UserAccountService存在此問題。

以下是服務的定義：

 @Injectable()
 export class UserAccountService {

   private currentUser: any = {};

   constructor(private cookieService: CookieService, private http: InterceptorService) {
   }
 }

Answer 1

感謝您的回覆Gunter。 實際上問題出在這一行：

import { UserAccountService } from '../';

我必須從其實際位置而不是從/index文件引用UserAccountService。

Answer 2

只需為canActivate定義服務（如CanActivateTeam ）。 如果CanActivateTeam具有構造函數參數，則將從DI傳遞它們。

https://angular.io/docs/ts/latest/api/router/index/CanActivate-interface.html

 @NgModule({ imports: [ RouterModule.forRoot([ { path: 'team/:id', component: TeamCmp, canActivate: [CanActivateTeam] } ]) ], providers: [CanActivateTeam, UserToken, Permissions] }) class AppModule {}