Have links use AngularJS routing instead of MVC routing

Question

I have a SPA which uses an AngularJS front end and C# back end. The issue I'm having is when I navigate to the login page, it is using @Html.Partial("_LoginPartial"). The url then becomes .../Account/Login.

When I click on say the "About" tab, this uses an AngularJS route which in turn instead of routing me to the About Page, it tacks on the route to the end of the login route like so: .../Account/Login#/about and obviously doesn't route anywhere.

Would anyone know how I would resolve this? I have spent hours looking into this issue and haven't really found anything as of yet.

DfKimera · Accepted Answer · 2016-12-31 00:56:40Z

1

What you need to do is setup the $location service to use HTML5 mode, which uses the HTML5 History API to modify the URL on the fly.

See:

answered Dec 31, 2016 at 0:56

DfKimera

2,1662 gold badges21 silver badges40 bronze badges

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

1 Comment

lightningfire Over a year ago

Thank you very much. This is exactly what I needed. For some reason it's giving me a little trouble in a different way but still pouring through more documentation on it. Thank you!

Collectives™ on Stack Overflow

Have links use AngularJS routing instead of MVC routing

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related