Angular 5 redirection

Question

window.location.href= '../app/route/route.component.html' ; I have given the above code. It is not working. KIndly provide me an alternate solution

Dharmraj Thakur · Answer

I means saw your route.component.ts or try window.location.href='/';

Dharmraj Thakur · Answer

Redirection using javascript while working on angular is bad practise. In HTML: a routerLink = "/Home/Index" > button class = "btn btn-success pull-right" > Home button > a > Typescript: import { Router } from '@angular/router' ; //...... constructor( private router: Router) { } //...... public btnClick() { this .router.navigateByUrl( '/home/Index' ); }; //...... Still, you want to redirect using javascript then try by giving route path not file path... window.location.href= '/Home/Index' ;

Mohan Arumugam · Answer

when the app is (re)initialized, you are being redirected to root page. export class AppComponent { Constructor(Private router: router) { } ngOnInit () { this.router.navigate( [' '] ) } }

nithi mano · Answer

Yes I want to redirect using javascript then try by giving route path not file path. My folder structure is -> angular5(Project name) -> route.component.html(Component name). Pls let me know how to provide redirection uing javascript " window.location.href " in angular 5

Raghavendar Swaminathan · Answer

Hi Nithi, var current_url= $window.location.host; var redirect_url = "the url you want to redirect"; $window.location.href = redirect_url; Hope it would works. Links: http://findnerd.com/list/view/Redirect-to-a-new-pageurl-in-AngularJS/17444/ https://angular-2-training-book.rangle.io/handout/routing/redirects.html

nithi mano · Answer

Hi Dharmraj, Can you pls give the complete syntax for window.location.href='/'; I mean from which folder name i need to mention in window.location.href ??

nithi mano · Answer

Hi DHarmraj, route.component.html just has a Hello

Dharmraj Thakur · Answer

Can you show your route.component.html or can you tell me the URL of your page.

nithi mano · Answer

It is present in the same project.

Mahesh Verma · Answer

Hi Nitin, "route.component.html" file is present on the same project or you redirect from it another page?

Angular 5 redirection

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (10)