Dear Sir/Madam,
I implemented the AuthGuard. However, I get the following error when it
tries to load any Page.
Please help.
Regards,
Partha
The error is as follows:
ERROR Error: Uncaught (in promise): TypeError: Cannot read property
'canActivate' of undefined
TypeError: Cannot read property 'canActivate' of undefined
at AuthGuard.push../src/app/general/auth-guard.ts.AuthGuard.canActivate
(auth-guard.ts:17)
at MapSubscriber.project (router.js:2795)
at
MapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/map.js.MapSubscriber._next
(map.js:35)
at
MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next
(Subscriber.js:54)
at Observable._subscribe (subscribeToArray.js:5)
at
Observable.push../node_modules/rxjs/_esm5/internal/Observable.js.Observable._trySubscribe
(Observable.js:42)
at
Observable.push../node_modules/rxjs/_esm5/internal/Observable.js.Observable.subscribe
(Observable.js:28)
at
MapOperator.push../node_modules/rxjs/_esm5/internal/operators/map.js.MapOperator.call
(map.js:18)
at
Observable.push../node_modules/rxjs/_esm5/internal/Observable.js.Observable.subscribe
(Observable.js:23)
at
MergeMapOperator.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapOperator.call
(mergeMap.js:28)
at AuthGuard.push../src/app/general/auth-guard.ts.AuthGuard.canActivate
(auth-guard.ts:17)
at MapSubscriber.project (router.js:2795)
at
*app-routing.module.ts*
const routes: Routes = [
{ path: '', component: AppLoginComponent},
{ path: 'uploadType', component: AppUploadTypeComponent, canActivate: [
AuthGuard]},
{ path: 'uploadType/create', component: AppUploadTypeAddComponent,
canActivate: [AuthGuard]},
{ path: 'uploadType/edit/:uploadTypeCode', component:
AppUploadTypeAddComponent, canActivate: [AuthGuard]},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
providers: [AuthGuard]
})
export class AppRoutingModule {}
*auth-guards.ts*
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router }
from '@angular/router';
import { Observable } from 'rxjs';
import { Injectable } from '@angular/core';
import { GeneralService } from './general.services';
@Injectable()
export class AuthGuard implements CanActivate {
constructor(
private generalService: GeneralService,
private router: Router
) {}
canActivate(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): Observable<boolean>|Promise<boolean>|boolean {
const isAuthorised = this.generalService.getIsUserAuthenticated();
if (!isAuthorised) {
this.router.navigate(['/']);
}
return isAuthorised;
}
}
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
