angular - 在 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

感谢您的回复甘特。实际上问题出在这一行：

import { UserAccountService } from '../';

我必须从其实际位置而不是/index文件中引用 UserAccountService。

Answer 2

只需为canActivate(like 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 {}