angularjs – 如何使用ASP.Net MVC查看.csthml作为Angular View

我创建了一个名为AngularAspNet at GitHub的示例项目.

1)创建App文件夹以托管Angular Scripts.你可以说出你想要的任何名字.

2)将.cshtml文件放在App / xxx / Components /文件夹中.确保将属性设置为内容.

我想将Angular View和Component(JavaScript文件)放在一起.原因是当项目变得更加复杂时,它可以帮助我轻松找到View和相应的Component.因此,不是将.js放在Views文件夹中,而是将.chtml文件放在App(Angular Script)文件夹中.

1)在里面创建一个带有BlockViewHandler的web.config.

<?xml version="1.0"?>

<configuration>
  <configSections>
  ...        
  <system.webServer>
    <handlers>
      <remove name="BlockViewHandler"/>
      <add name="BlockViewHandler" path="*.cshtml" verb="*" 
          preCondition="integratedMode" 
          type="System.Web.HttpNotFoundHandler" />
    </handlers>
  </system.webServer>
   ...
</configuration>

4)创建控制器和操作方法.

public class NgController : Controller
{
    public PartialViewResult RenderComponents(string feature,string name)
    {
        return PartialView($"~/App/{feature}/Components/{name}");
    }
}

5)配置路由.

routes.MapRoute(
    name: "Components",url: "{feature}/components/{name}",defaults: new { controller = "Ng",action = "RenderComponents" });

信用

Building Strongly-typed AngularJS Apps with ASP.NET MVC 5
by Matt Honeycutt

AngularJS & ASP.NET MVC Playing nice Tutorial by Miguel Castro