将Angularjs合并到ASP.NET MVC 5中

将Angularjs合并到ASP.NET MVC 5中,angularjs,asp.net-mvc-5,Angularjs,Asp.net Mvc 5,首先让我解释一下,我有.NET编程背景,而且我是Angularjs新手 我有一个MVC5应用程序,我想包括一个新的部分,它是用Angularjs作为单页应用程序构建的 到目前为止,我有一个带有索引操作的MVC5控制器。在Index.cshtml视图中,是使用路由器模块的Angularjs创建的SPA。 Angular调用html格式的其他页面 我的问题是html页面引用的图像如下: 但当应用程序不在根文件夹中托管时,路径不正确 我需要这样做:来格式化图像的正确路径,但我不能在html页面中这样做

首先让我解释一下,我有.NET编程背景,而且我是Angularjs新手

我有一个MVC5应用程序,我想包括一个新的部分,它是用Angularjs作为单页应用程序构建的

到目前为止,我有一个带有索引操作的MVC5控制器。在Index.cshtml视图中,是使用路由器模块的Angularjs创建的SPA。 Angular调用html格式的其他页面

我的问题是html页面引用的图像如下:
但当应用程序不在根文件夹中托管时,路径不正确

我需要这样做:
来格式化图像的正确路径,但我不能在html页面中这样做


你能告诉我如何使用Razor将它们从.html转换为.cshtml吗?此外,我还需要知道,在标准MVC 5应用程序中,建议将这些页面相对于Index.cshtml放在何处?

如果希望AngularJs模板位于.cshtml(Razor)中,则需要为它们创建部分操作。在mvc控制器中创建一个操作,并像在普通mvc中一样返回视图。您需要考虑的是,您需要将布局设置为
null
,以便在显示这些局部视图时不会呈现完整的布局。然后,在AngularJs中,您需要通过完整路径引用这些动作。

如果您希望AngularJs模板位于.cshtml(Razor)中,则需要为它们创建部分动作。在mvc控制器中创建一个操作,并像在普通mvc中一样返回视图。您需要考虑的是,您需要将布局设置为
null
,以便在显示这些局部视图时不会呈现完整的布局。然后,在Angular中,您需要通过这些动作的完整路径来引用这些动作