Fehler Routes in Angular CLI

Question

OS Wach: Linux x64 Ubuntu 16,04

Angular Versionen

• Winkel-cli: 1.0.0-beta.24
• node: 7.2.0
• NPM : 3.10.9

ich ein Projekt mit dem Angular CLI erstellt, aber das Problem ist, dass wenn ich die Seite der aktuelle Route gebrochen aktualisiert wird, dass happ Wenn ich CanActivate in den Pfaden meiner Routen verwende, kann ich es nicht benutzen und es funktioniert, aber ich muss die Routen schützen.

Dies ist mein Code in app.routing.ts

const routes: Routes = [ 
    { path: '', component: LoginComponent }, 
    { path: 'reports', component: ReportsComponent, canActivate: [AuthGuard] }, 
    { path: 'reports/thirds', component: ReportThirdsComponent, canActivate: [AuthGuard] }, 
    { path: 'reports/profit-loss', component: ReportProfitLossComponent, canActivate: [AuthGuard] }, 
    { path: 'reports/balance', component: ReportBalanceComponent, canActivate: [AuthGuard] }, 
]; 

Answer 1

In Bezug auf Ihre app.routing.ts Datei, denke ich, dass alles korrekt ist. so etwas wie dies ist Ihre Datei AuthGuard Unter der Annahme:

export class AuthGuard implements CanActivate { canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable <boolean> | boolean{ return true|false; } }

Das Problem in Ihrer app.module.ts Datei sein kann. Es ist obligatorisch, in der Provider-Sektion zu wachen. Haben Sie überprüft, dass Sie in dieser Datei die Provider-Sektion so haben?

providers: [AuthGuard],