angular – 使用CanActivate防护时获取“无提供程序错误”

这是警卫：

// my.guard.ts
import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot,CanActivate,RouterStateSnapshot } from '@angular/router';

Injectable()
export class Myguard implements CanActivate {
  canActivate(next: ActivatedRouteSnapshot,prev: RouterStateSnapshot) {
    console.log('GUARD:',next,prev);
    return true;
  }
}

这是路由器：

import { RouterConfig } from '@angular/router';
import { Myguard } from './guards/my.guard';
export const AppRoutes : RouterConfig = [
  {
    path: 'home',component: HomeComponent,canActivate: [Myguard]
  }
];

当页面加载时,我得到：

EXCEPTION: Error: Uncaught (in promise): No provider for Myguard!

我见过没有教程提到如何注入Myguard作为提供者.我该怎么做呢？

解决方法

我的解决方案是在我的AppModule元数据中将AuthGuard服务添加到提供程序：

@NgModule({
    ...
    providers: [AuthGuard],})
export class AppModule {}

为了能够在整个应用程序中使用服务,您需要在AppModule元数据中提供它. https://angular.io/docs/ts/latest/guide/ngmodule.html的“服务提供商”部分给了我一些提示.