How can I use cshtml files with Durandal?

Junior picture Junior · Feb 20, 2013 · Viewed 10.2k times · Source

I got the DurandalJS StarterKit template on VS2012... All works great...

But in some views I need to do something like that:

@if (Roles.IsUserInRole("Administrators"))
{
   <p>Test</p>
}

However with durandal all my views are '.html' files... Is that possible to use '.cshtml' files to access some information like that?

Or is there any other way to do that with durandal?

Junior

Answer

Maarten picture Maarten · Mar 26, 2013

I am doing it like this:

  1. Create a generic controller for Durandal views:

    public class DurandalViewController : Controller
    {
      //
      // GET: /App/views/{viewName}.html
      [HttpGet]
      public ActionResult Get(string viewName)
      {
        return View("~/App/views/" + viewName + ".cshtml");
      }
    }
    
  2. Register a route:

    routes.MapRoute(
        name: "Durandal App Views",
        url: "App/views/{viewName}.html",
        defaults: new { controller = "DurandalView", action = "Get" }
    );
    
  3. Copy Views/web.config to /App/views/web.config (so Razor views work in this location).

This lets me use the normal Durandal conventions (even the html extension for views), and put durandal views as cshtml files in their normal location without adding any more server code.

If you also have static html views, you can also place the cshtml views in a subfolder or use the normal MVC /Views folder.