Angular2路由器可以激活任何提供程序false

Question

所以我的代码看起来像这样：

export const routes: RouterConfig = [
  { 'path': '', redirectTo: '/jobs', terminal: true, canActivate: [tokenNotExpired()]  },
  { path: 'account', component: AccountComponent, canActivate: [!tokenNotExpired()] },
  { path: 'login', component: LoginComponent },
  ...WihRoutes
];

每当我尝试导航到“帐户”时，路由都会失败，但由于某种原因，它还会出现以下控制台错误：

browser_adapter.ts:82 EXCEPTION：错误：未捕获（在承诺中）：没有提供者为false！BrowserDomAdapter.logError @ browser_adapter.ts:82BrowserDomAdapter.logGroup @ browser_adapter.ts:93ExceptionHandler.call @ exception_handler.ts：58（匿名函数）@ application_ref.ts:374schedulerFn @async.ts:148SafeSubscriber .__ tryOrUnsub @ Subscriber.ts:240SafeSubscriber.next @ Subscriber.ts:192Subscriber._next @ Subscriber.ts:133Subscriber.next @ Subscriber.ts:93Subject._finalNext @ Subject.ts： 154Subject._next @ Subject.ts:144Subject.next @ Subject.ts:90EventEmitter.emit @ async.ts:133onError @ ng_zone.ts:141onHandleError @ ng_zone_impl.ts:95ZoneDelegate.handleError @ zone.js:327Zone.runGuarded @ zone。 js：233_loop_1 @ zone.js：487drainMicroTaskQueue @ zone.js：494ZoneTask.invoke @ zone.js：426 browser_adapter.ts:82 STACKTRACE：BrowserDomAdapter.logError @ browser_adapter.ts:82ExceptionHandler.call @ exception_handler.ts:61（匿名函数）@ application_ref.ts:374schedulerFn @async.ts:148SafeSu bscriber .__ tryOrUnsub @ Subscriber.ts:240SafeSubscriber.next @ Subscriber.ts:192Subscriber._next @ Subscriber.ts:133Subscriber.next @ Subscriber.ts:93Subject._finalNext @ Subject.ts:154Subject._next @ Subject.ts:144Subject。 next @ Subject.ts:90EventEmitter.emit @ async.ts:133onError @ ng_zone.ts:142onHandleError @ ng_zone_impl.ts:95ZoneDelegate.handleError @ zone.js:327Zone.runGuarded @ zone.js:233_loop_1 @ zone.js:487drainMicroTaskQueue @ zone.js：494ZoneTask.invoke @ zone.js：426 browser_adapter.ts:82错误：未捕获（承诺）：没有提供者为假！ 在zone.js上的resolvePromise（zone.js：538）：在ZoneDelegate.invoke（zone.js：323）的515处，在区域的ZoneDelegate.invoke（zone.js：322）处的Object.onInvoke（ng_zone_impl.ts：72）处zone.le上的.run（zone.js：216）位于ZoneDelegate.invokeTask（zone.js：355）的Zone.leInvokeTask（zone.js：356）中的ZoneDelegate.invokeTask（zone.js：356）处。

也是错误的图片因为格式很糟糕。

我不清楚为什么会这样 - 其他人？

Answer 1

传递给canActivate: [!tokenNotExpired()]的值canActivate: [!tokenNotExpired()]需要是提供者。 !tokenNotExpired()不是有效的提供者。

canActivate: ['tokenExpired']
canActivate: ['!tokenExpired']

并在bootstrap或APP_ROUTER_PROVIDERS

bootstrap(AppComponent, [
  {provide: 'tokenExpired', useValue: (a: any, b: any) => tokenExpired()}
  {provide: '!tokenExpired', useValue: (a: any, b: any) => !tokenExpired()}
]);