Angular2 маршрутизатор canActivate не поставщик для ложной

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: Error: Uncaught (in promise): No provider for false!BrowserDomAdapter.logError @ browser_adapter.ts:82BrowserDomAdapter.logGroup @ browser_adapter.ts:93ExceptionHandler.call @ exception_handler.ts:58(anonymous function) @ 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: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 STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.ts:82ExceptionHandler.call @ exception_handler.ts:61(anonymous function) @ 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: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 Error: Uncaught (in promise): No provider for false! at resolvePromise (zone.js:538) at zone.js:515 at ZoneDelegate.invoke (zone.js:323) at Object.onInvoke (ng_zone_impl.ts:72) at ZoneDelegate.invoke (zone.js:322) at Zone.run (zone.js:216) at zone.js:571 at ZoneDelegate.invokeTask (zone.js:356) at Object.onInvokeTask (ng_zone_impl.ts:61) at ZoneDelegate.invokeTask (zone.js:355)

Также ошибка ошибки, поскольку форматирование было ужасным.

У меня нет понятия, почему это происходит - кто-нибудь еще?

Answer 1

Значение, переданное в canActivate: [!tokenNotExpired()], должно быть поставщиком. !tokenNotExpired() не является действительным поставщиком.

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

и обеспечить в загрузчике или APP_ROUTER_PROVIDERS

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