How to Dynamically Show 404 in Angular

Question

I searched over and over again, but maybe my search terms were incorrect, because nothing turned up. I want to dynamically show my 404 component depending on the results of an HTTP request.

I realize that I can do this by redirect the user to my 404 page, but is there any way I can render the component without changing the URL?

Something like /people/<nonexistent id>

Perform HTTP request
If person exists, proceed as normal
If person doesn't exist, render 404 without changing the URL

Thank you!

Pranav Nutalapati · Accepted Answer · 2019-05-06 23:58:12Z

10

Never mind, I found the answer.

The solution is to userouter.navigate with the option skipLocationChange set to true. This tells Angular to reroute without changing the URL in the browser navbar.

https://angular.io/api/router/NavigationExtras#skipLocationChange

answered May 6, 2019 at 23:58

Pranav Nutalapati

7741 gold badge7 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

How to Dynamically Show 404 in Angular

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related