Redirect function in angular

Question

Inside an Angular project I have a function. When I run it, I expect to go to the home.

Inside my function I have a condition, if is true I want to redirect.

 if (condition) {
     location.url('/home');
     // code...
 }

I would suggest reading angular's router guide. Angular should handle all of the router changes. By doing location.href = ... you are using the native js redirect, which forces your app to refresh. (which hurts user experience) — LLai
– LLai, Commented Dec 19, 2017 at 19:54

DeborahK · Accepted Answer · 2017-12-19 22:06:31Z

2

constructor(private router: Router) { }

 if (condition) {
      this.router.navigate(['/home']);
 }

answered Dec 19, 2017 at 22:06

DeborahK

60.9k12 gold badges115 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Matthew Zackschewski · Accepted Answer · 2017-12-19 19:55:04Z

1

Slightly confused what you mean by "redirect". If you have a condition that determines the final location, then you can just use go to one or the other.

if(location) {
   $location.url('/home');
} else {
   $location.url('/otherDestination');
}

If you mean a true redirect that reflects in the window history, read about the $location.replace function provided by AngularJS. Scroll down to the section labeled 'Replace method'. Hope this helps!

$location.url('/otherDestination').replace();

answered Dec 19, 2017 at 19:55

Matthew Zackschewski

4863 silver badges12 bronze badges

3 Comments

ValRob Over a year ago

i have a condition: if (task.id == id ) { location.url('/home'); // code... }

Matthew Zackschewski Over a year ago

Can you please clarify? Are you asking how to redirect if task.id != id?

Matthew Zackschewski Over a year ago

The condition isn't important. I was just confused on what you were asking. If you need to navigate to a different page if task.id != id then you could have an else statement where you have the location.url go to a different page (like in the answer if/else statement) right? I apologize if I'm misunderstanding the question but it seems pretty straightforward.

Abderrahim Soubai-Elidrisi · Accepted Answer · 2017-12-19 19:58:48Z

0

Yyou can always use JS

window.location.href = 'xyz';

answered Dec 19, 2017 at 19:58

Abderrahim Soubai-Elidrisi

5,2621 gold badge31 silver badges41 bronze badges

Collectives™ on Stack Overflow

Redirect function in angular

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related