Hello, You could use a route guard : https://angular.io/guide/router#preventing-unauthorized-access Regards, Arnaud. On Tuesday, 22 December 2020 at 13:34:18 UTC+1 alexande...@gmail.com wrote:
> when the page first loads I want to navigate to /login or /signup > depending on localStorage value. but I don't want to render anything before > navigating to one of those. I have this in app.component.ts: > > import { Component } from '@angular/core'; > import {Router} from "@angular/router"; > > @Component({ > selector: 'app-root', > templateUrl: './app.component.html', > styleUrls: ['./app.component.css'] > }) > export class AppComponent { > > constructor( > private router: Router > ) {} > > getStoredEmail(){ > return localStorage.getItem('email') > } > > ngOnInit(): void{ > if(this.getStoredEmail()){ > this.router.navigate(['/login']) > } else { > this.router.navigate(['/signup']) > } > } > } > > is this the right approach? the problem is that it will render the app > component before rendering the login or signup component? > > -- 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 angular+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/angular/648e70b9-52cb-42a2-a27e-b77f99c81da3n%40googlegroups.com.