Angular 5 redirection

nithi mano

8y1.7kAngular

window.location.href='../app/route/route.component.html';

I have given the above code. It is not working. KIndly provide me an alternate solution

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dharmraj Thakur8y ago
Accepted answer
I means saw your route.component.ts

or try

window.location.href='/';
nithi mano8y ago
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 mano8y ago
Hi DHarmraj,

route.component.html just has a
Hello
Mohan Arumugam8y ago
when the app is (re)initialized, you are being redirected to root page.

export class AppComponent {

Constructor(Private router: router) { }

ngOnInit ()
{
this.router.navigate( [' '] )
}
}
Dharmraj Thakur8y ago
Can you show your route.component.html or can you tell me the URL of your page.
nithi mano8y ago
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
Dharmraj Thakur8y ago
Redirection using javascript while working on angular is bad practise.

In HTML:
<a routerLink="/Home/Index"><button class="btn btn-success pull-right" > Homebutton>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';
nithi mano8y ago
It is present in the same project.
Mahesh Verma8y ago
Hi Nitin,

"route.component.html" file is present on the same project or you redirect from it another page?
Raghavendar Swaminathan8y ago
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