correct way to init first view in app

[Alexander Mills]

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?

[Arnaud Deman]

Hello,

You could use a route guard : https://angular.io/guide/router#preventing-unauthorized-access

Regards,
Arnaud.

[Alexander Mills]

Hi Arnaud -

what I mean is: the app.component will render some default view (say home), then switch to signup or login. what I want is to not render home, just something blank and then switch to signup or login? not sure if that makes sense. basically dont want to show/render something for 50ms, then switch to something else.

--
You received this message because you are subscribed to a topic in the Google Groups "Angular and AngularJS discussion" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/HvwXNfqzk2c/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/angular/648e70b9-52cb-42a2-a27e-b77f99c81da3n%40googlegroups.com.

--

Alexander D. Mills
New cell phone # (415)730-1805
linkedin.com/in/alexanderdmills

[Arnaud Deman]

The guard would be executed before the component is rendered so you could have your test in it and use the router to navigate to login or signup.
Regards,
Arnaud.

[Alexander Mills]

ah thanks

To view this discussion on the web visit https://groups.google.com/d/msgid/angular/d22c53de-81de-4bd5-b219-d86ae128b588n%40googlegroups.com.