Javascript 找不到应用程序路由提供程序2-在canactivate()之前插入服务
我正在尝试在angular 2应用程序中注入服务,但是在angular/router中调用canactivate()时,该服务未定义。如何在调用canactivate()之前注入服务。 app.routing.tsJavascript 找不到应用程序路由提供程序2-在canactivate()之前插入服务,javascript,angular,angular2-routing,angular2-guards,Javascript,Angular,Angular2 Routing,Angular2 Guards,我正在尝试在angular 2应用程序中注入服务,但是在angular/router中调用canactivate()时,该服务未定义。如何在调用canactivate()之前注入服务。 app.routing.ts const appRoutes: Routes = [ { path: '', component: HomeComponent, canActivate: ['AuthGuardService'] }, {
const appRoutes: Routes = [
{
path: '',
component: HomeComponent,
canActivate: ['AuthGuardService']
},
{
path: 'login',
component: LoginComponent,
outlet: 'popup'
},
// otherwise redirect to home
{path: '**', redirectTo: ''}
];
export const appRoutingProviders: any[] = [
{provide: "AuthGuardService", useValue: AuthGuardService}
];
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);
auth.guard.service.ts
import {Injectable, Inject} from '@angular/core';
import {AuthService} from "./auth.service";
import {Router, CanActivate} from "@angular/router";
import {Observable} from "rxjs";
@Injectable()
export class AuthGuardService implements CanActivate {
constructor(@Inject(AuthService) private auth, @Inject(Router) private router) {
}
canActivate() : Observable<boolean> | boolean{
if(this.auth.loggedIn()) {
return true;
}
this.router.navigate([{outlets: {popup: 'login'}}]);
return false;
}
}
您需要将路由公开为
模块
试试这个:
const appRoutes: Routes =
[
{
path: '',
component: HomeComponent,
canActivate: [AuthGuardService] // <- no quotes
},
{
path: 'login',
component: LoginComponent,
outlet: 'popup'
},
// otherwise redirect to home
{path: '**', redirectTo: ''}
];
@NgModule
({
imports: [ RouterModule.forRoot(appRoutes)],
exports: [ RouterModule],
providers: [ AuthGuardService ] // <- provide guard
})
export class AppRoutingModule {}
const appRoutes: Routes =
[
{
path: '',
component: HomeComponent,
canActivate: [AuthGuardService] // <- no quotes
},
{
path: 'login',
component: LoginComponent,
outlet: 'popup'
},
// otherwise redirect to home
{path: '**', redirectTo: ''}
];
@NgModule
({
imports: [ RouterModule.forRoot(appRoutes)],
exports: [ RouterModule],
providers: [ AuthGuardService ] // <- provide guard
})
export class AppRoutingModule {}
@NgModule({
declarations: [],
imports: [ AppRoutingModule ] // <- import module here
providers: [
appRoutingProviders,
...AUTH_PROVIDERS,
AuthService,
// AuthGuardService, // <- no need for this
HttpService,
{
provide: AuthHttp,
useFactory: AuthHttpServiceFactory,
deps: [Http, RequestOptions]
},
IndicesEffectsService,
DialogServiceService
],
bootstrap: [AppComponent]
})
export class AppModule {
}