How to remove ASP.NET MVC controller name from angular route

Question

I have an ASP.NET MVC login page and on login button click, it is redirecting to another page which is connected with angular, Once I logged in, the url redirecting me to something like below

http://localhost:5083/Home#/home

I need to remove the ASP MVC controller name ("Home") from the Url, how can i do that?

Angular Routing Config

ASP.NET MVC Routing Config

Login page location - AccountContrller->Index.cshtml and on login button click it moved to HomeController -->index.cshtml

Is Login action in HomeController? Could you please provide the angular route config as well? — Developer
– Developer, Commented Aug 18, 2016 at 4:50
@Developer please refer the updated question.. Thanks and regards — Aslam Jiffry
– Aslam Jiffry, Commented Aug 18, 2016 at 5:15
might be worth your while to check this out, seeing that you are trying to mix mvc and angular c-sharpcorner.com/UploadFile/cd7c2e/… — R4nc1d
– R4nc1d, Commented Aug 18, 2016 at 5:21
@AslamJiffry- In that case, I think your MVC default route is not pointing to HomeController. Should work as you expect if you point MVC default route to Home and Index. This is what happens: - request comes to localhost:5083 - MVC resolves the default route - request reached Home controller -. Index action - where it returns the view which bootstraps angularjs - works according to angularjs route — Developer
– Developer, Commented Aug 18, 2016 at 5:57
For Login , give specific route-> localhost:5083/Login and let the default route be Home. When user navigates to localhost:5083 then check whether the user is authroized, and if not redirect to Login. — Developer
– Developer, Commented Aug 18, 2016 at 6:53

Developer · Accepted Answer · 2016-08-18 08:03:06Z

1

Update your MVC default route so that it points to Home controller and action as Index - so when request comes as localhost:5083, mvc will resolve the controller as Home and action as Index, which will inturn bootstrap the angularjs routing.

answered Aug 18, 2016 at 8:03

Developer

6,4703 gold badges21 silver badges24 bronze badges

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

Comments

Slicc · Accepted Answer · 2016-08-18 06:33:34Z

0

In the page provided by MVC (Home/Index.cshtml), if you set the Base Href to /Home then angular2 will be able to route everything relative to /Home and then you don't need to remove /Home from the URL, so at the top of Index.cshtml add:

<head>
<base href="/Home/"

answered Aug 18, 2016 at 6:33

Slicc

3,4738 gold badges44 silver badges81 bronze badges

2 Comments

Aslam Jiffry Over a year ago

where should I include this? within the partial view or index.cshtml which include <ng-view> ?.. I included that in Home/Index.cshtml, But as a result routing system didn't work.. thanks & regards

Slicc Over a year ago

It should go in the index.cshtml, but this won't work if you use default route of Home as you have discussed in the comments in the original post. Here is an article discussing base href: verdantrefuge.com/writing/2013/…

Collectives™ on Stack Overflow

How to remove ASP.NET MVC controller name from angular route

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related