Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?

by

Yes, you can.

Adding a similar answer to Yasser’s, but using ngRoute:

1) Instead of referencing your partial HTML, you need to reference a Controller/Action to your ASP.NET MVC app.

.when('/order', {
    templateUrl: '/Order/Create',
    controller: 'ngOrderController' // Angular Controller
})

2) Your ASP.NET MVC will return a .cshtml view:

public class OrderController : Controller
{
    public ActionResult Create()
    {
        var model = new MyModel();
        model.Test= "xyz";

        return View("MyView", model);
    }
}

3) Your MyView.cshtml will mix Razor and Angular. Attention: as its a partial for your Angular app, set the layout as null.

@model MyProject.MyModel

@{
   Layout = null;
}

<h1>{{ Test }}</h1> <!-- Angular -->
<h1>Model.Test</h1> <!-- Razor -->

More Related Contents:

  1. How to append whole set of model to formdata and obtain it in MVC
  2. Using Razor within JavaScript
  3. Razor MVC Populating Javascript array with Model Array
  4. C# Web method is not calling in javascript
  5. ASP.NET MVC 3 Razor: Include JavaScript file in the head tag
  6. How to pass a value to razor variable from javascript variable?
  7. force browsers to get latest js and css files in asp.net application
  8. asp.net-mvc: razor ‘@’ symbol in js file
  9. How to set javascript variables using MVC4 with Razor
  10. ASP.NET MVC implement custom validator use IClientValidatable
  11. Passing dynamic javascript values using Url.action()
  12. Calling ASP.NET MVC Action Methods from JavaScript
  13. Is it OK to put JavaScript in Partial Views
  14. CORS: credentials mode is ‘include’
  15. jQuery: How to traverse / Iterate over a list of object
  16. Razor/JavaScript and trailing semicolon
  17. C# MVC Controller cannot get decimal or double values from Ajax POST request
  18. Using Razor, how do I render a Boolean to a JavaScript variable?
  19. Delaying AngularJS route change until model loaded to prevent flicker
  20. What is the difference between angular-route and angular-ui-router?
  21. Migrating AngularJS to Angular 4,5 (with DEMO) [closed]
  22. Angularjs – ng-cloak/ng-show elements blink
  23. Angularjs “Controller as” or “$scope”
  24. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  25. Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)
  26. AngularJS Directives: Change $scope not reflected in UI
  27. CORS error for application running from file:// scheme
  28. The view is not updated in AngularJS
  29. Using Express Handlebars and Angular JS
  30. In what JS engines, specifically, are toLowerCase & toUpperCase locale-sensitive?

Leave a Comment