How an application will support Asp.net-MVC routing and angular 2 routing both

Question

I am creating an application in Asp.Net-MVC in VS2015. I want that application should support MVC routing and Angular 2 routing both.

I need MVC routing for Menu bar and Angular 2 routing for wizard present in each page lie below image.

I have gone through various articles and finally used below code in my RouteConfig.cs file:

 routes.MapRoute(
            name: "spa-fallback",
            url: "{*url}",
            defaults: new { controller = "Home", action = "Index" }
            );

But this is not working properly. When i go from Home/Index to Home/Contact, it should not consider the angular 2 routing . But it is considering the angular 2 routing and showing the error :

Error: Cannot match any routes: 'Home/Contact'(…)

Below is screenshot:

How could i made the application compatible with both routings. Thanks

How do you redirect to this route? Click a url, type in the browser, etc.? — Ilya Chernomordik
– Ilya Chernomordik, Commented Nov 8, 2016 at 7:28
I have an anchor tag .. <a href = "/Home/Contact">Contact</a> on my index page...Page is redirecting to the Contact page but the console have an error when the contact page render.. — Sometimes Code
– Sometimes Code, Commented Nov 8, 2016 at 8:37
I think you need to use the full URL like http://..../Home/Contact — Ilya Chernomordik
– Ilya Chernomordik, Commented Nov 8, 2016 at 8:39
Alternatively check here: it's for Angular 1, but it might do the trick in Angular2 as well: stackoverflow.com/questions/16002984/…. The problem you have is that angular2 interprets the a tag and override it. You need to prevent angular from doing it. — Ilya Chernomordik
– Ilya Chernomordik, Commented Nov 8, 2016 at 8:40

Community · Accepted Answer · 2017-05-23 12:18:10Z

2

There could be a workaround like already described in the answer to this question: How to use ASP.NET MVC and AngularJS routing?

So, in short, define a route that would catch urls intended for mvc controllers for sure, i.e. add a prefix

routes.MapRoute(
        name: "spa-fallback",
        url: "app/{*url}",
        defaults: new { controller = "Home", action = "Index" }
);

edited May 23, 2017 at 12:18

CommunityBot

11 silver badge

answered Nov 8, 2016 at 18:32

NamiraJV

6661 gold badge7 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

How an application will support Asp.net-MVC routing and angular 2 routing both

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related