How to use ASP.NET MVC and AngularJS routing?

by

Thanks for the answer, agbenyezi. I looked at the article you provided but it only got me back to where I was anyway.

However, I was able to figure it out and get it working. The answer turned out to be relatively simple, but it took some time and a lot of searching around. Anyway, since I am using MVC areas, navigating to a URL of http://servername/Application1/view[x] (where Application1 is the MVC controller (in the area) and view1, view2, view3, etc. are Angularjs views), the MVC part of the overall application was getting confused and trying to find an action named view[x] in the Application1 controller (which doesn’t exist).

So, in the area’s AreaRegistration class (where it’s defining specific routes for the area), I just needed to add a kind of catch-all route before any default MVC routes to always force it to the Index action on the Application controller. Something like:

        // Route override to work with Angularjs and HTML5 routing
        context.MapRoute(
            name: "Application1Override",
            url: "Application1/{*.}",
            defaults: new { controller = "Application1", action = "Index" }
        );

Now, when I navigate to http://servername/Application1/view[x] it routes to the Application1 MVC controller, Index action, and then Angularjs takes over routes to the different views, all while having the HTML5 routing construct in the URL.

Hope that helps others.

Thanks!

More Related Contents:

  1. Json.Net: Html Helper Method not regenerating
  2. jqgrid + EF + MVC: How to export in excel? Which method you suggest?
  3. Replace line break characters with in ASP.NET MVC Razor view
  4. Why LINQ to Entities does not recognize the method ‘System.String ToString()?
  5. Plug-in architecture for ASP.NET MVC
  6. How and where to define an environment variable on Azure
  7. ASP.NET MVC – How exactly to use View Models
  8. Where can I find a list of escape characters required for my JSON ajax return type?
  9. ASP.NET MVC Forms Authentication + Authorize Attribute + Simple Roles
  10. Error Handling in ASP.NET MVC
  11. Html5 Placeholders with .NET MVC 3 Razor EditorFor extension?
  12. How to keep input type=file field value after failed validation in ASP.NET MVC?
  13. Saving Many to Many relationship data on MVC Create view
  14. Prevent multiple logins
  15. How to remove unit of work functionality from repositories using IOC
  16. Mocking HttpContextBase with Moq
  17. ASP.NET MVC RequireHttps in Production Only
  18. MVC 3 Layout Page, Razor Template, and DropdownList
  19. Asp.Net MVC how to get view to generate PDF
  20. How to access Facebook private information by using ASP.NET Identity (OWIN)?
  21. What is routes.IgnoreRoute(“{resource}.axd/{*pathInfo}”)
  22. Angular – ui-router get previous state
  23. Use Entity framework I want to include only first children objects and not child of child(sub of sub)
  24. Asp.Net MVC: How do I enable dashes in my urls?
  25. ASP.NET Remote Validation only on blur?
  26. ASP.NET MVC rendering partial view with jQuery ajax
  27. ASP.NET MVC 3: Required steps for unobtrusive client-side validation of dynamic/AJAX content
  28. Export to Excel in Asp.net MVC [closed]
  29. ASP.Net MVC DisplayFormat
  30. Html.Raw() in ASP.NET MVC Razor view

Leave a Comment