angular-guards | 易学教程

Angular - Are admin files downloadable?

阅读更多关于 Angular - Are admin files downloadable?

问题 I have a website with Angular. I implemented the auth with jwt . I know we can prevent the user to go to the restricted routes with Angular Route Guard . Usually in SPAs all routes (html) are downloadable. Just we handle unauthorized routes in server by responding 403 code. So it's safe that user can see the html bu can't get any data. But in a specific project, we even don't want user to be able to see the html of admin panel (Since he can know about structures) Any idea? Should I use the

How to check: is the User logged in with angular-6-social-login npm package?

阅读更多关于 How to check: is the User logged in with angular-6-social-login npm package?

问题 I have successfully integrated with angular-6-social-login (https://www.npmjs.com/package/angular-6-social-login) to login into my angular APP using google account. I am creating an Angular Guard to protect the routes so that only users can access after logging in. The AuthService from angular-6-social-login does not support any direct function to see if the user has logged in or not. Any suggestions here, please? import { Injectable } from '@angular/core'; import { CanActivate,

How to prevent actions by user role in Angular

阅读更多关于 How to prevent actions by user role in Angular

问题 I already have an AuthService to authenticate user on login and AuthGuard to prevent access if not logged in. Some pages I restrict access by UserProfile/Role but now I need to prevent actions on page. I have roles like "Admin, Manager, Support and Agent", from greater to lower. How to set level only to Manager or Above to edit content on a page that all can access (Support and Agent restrict to view only)? This is my current canActivate method: canActivate(route: ActivatedRouteSnapshot) {

How to prevent actions by user role in Angular

阅读更多关于 How to prevent actions by user role in Angular

getting variable data outside subscribe method

阅读更多关于 getting variable data outside subscribe method

问题 I am trying to implement canActivate for user routes, before that I want to check whether the access token is still valid or not. Therefore I implement something like this export class AuthGuard implements CanActivate { data:Array<Object>; constructor(private base: BaseService){} canActivate( next: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { var session: any = { token: localStorage.getItem('abc') }; this.base.valid(session).subscribe(result => { this.data=result; console

Angular 2+ : canLoad usage

阅读更多关于 Angular 2+ : canLoad usage

问题 I'm trying to use the canLoad function with routes, but it doesn't seem to work. I don't know why, maybe you can't use it with canActivate or something, but since I don't know, I thought someone would here. The code runs, when serving with aot compilation I get this : chunk {admin.module} admin.module.chunk.js, admin.module.chunk.js.map () 28 kB {main} {pilotage.module} {suiviprod.module} chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] chunk {main} main.bundle

Guard always return true

阅读更多关于 Guard always return true

问题 I have two pretty similar guards in angular app. First of them checking is User logged in: // isUser guard export class isUser implements CanActivate { constructor( private fireAuth: AngularFireAuth, private router: Router ) {} canActivate( next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree { return this.fireAuth.authState.pipe( take(1), map(authState => !!authState), tap(auth => !auth ? this.router

Angular Guard is not able to access the Angular Service Object

阅读更多关于 Angular Guard is not able to access the Angular Service Object

问题 I am trying to access the Angular Service Object (I have set the AuthContext in service) but Angular Guard is giving undefined even though that is well set. I have login component, which I call first and internally It uses the Angular Auth Service. In the constructor of that service, I ensure that AuthContext is well set. Through the debug, I have seen that object is available with all the required claims. But then when I access the regular component (which I have guarded through the Auth

How to guard route if HTTP GET request returns no data?

阅读更多关于 How to guard route if HTTP GET request returns no data?

问题 Below is a table in my Angular app. It is populated with data from employees.json : <tbody> <tr *ngFor="let employee of employees"> <td (click)="viewEmployeeProfile(1, employee.id)">{{employee.fullName}} </td> </tr> </tbody> When the user clicks on a name, the employeeId is passed to this method: viewEmployeeProfile(roleId: number, employeeId: number) { this._router.navigate(['/profile', roleId, employeeId]); } Here is the route in my AppRouting module: const routes: Routes = [ { path:

Angular use modal dialog in canDeactivate Guard service for unsubmitted changes (Form dirty)

阅读更多关于 Angular use modal dialog in canDeactivate Guard service for unsubmitted changes (Form dirty)

In my Angular 4 application I have some components with a form, like this: export class MyComponent implements OnInit, FormComponent { form: FormGroup; ngOnInit() { this.form = new FormGroup({...}); } they use a Guard service to prevent unsubmitted changes to get lost, so if the user tries to change route before it will ask for a confirmation: import { CanDeactivate } from '@angular/router'; import { FormGroup } from '@angular/forms'; export interface FormComponent { form: FormGroup; } export class UnsavedChangesGuardService implements CanDeactivate<FormComponent> { canDeactivate(component: