GPT

Route Protection Implementation

// guards/auth.guard.ts import { Injectable } from '@angular/core' import { Router } from '@angular/router' import { AuthService } from '../services/auth.service' import { map, tap } from 'rxjs/operators' @Injectable({

Prompt text

Original English text. Replace placeholders with your own details.

// guards/auth.guard.ts
import { Injectable } from '@angular/core'
import { Router } from '@angular/router'
import { AuthService } from '../services/auth.service'
import { map, tap } from 'rxjs/operators'

@Injectable({
 providedIn: 'root'
})
export class AuthGuard {
 constructor(private auth: AuthService, private router: Router) {}

 canActivate() {
 return this.auth.isAuthenticated$.pipe(
 tap(isAuthenticated => {
 if (!isAuthenticated) {
 this.router.navigate(['/login'])
 }
 })
 )
 }
}

// app.routes.ts
import { Routes } from '@angular/router'
import { AuthGuard } from './guards/auth.guard'

export const routes: Routes = [
 {
 path: 'dashboard',
 component: DashboardComponent,
 canActivate: [AuthGuard]
 }
]

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →