在 ASP.NET MVC 5 中合并 Angularjs

Question

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

我有一个 MVC 5 应用程序，我想包含一个使用 Angularjs 作为单页应用程序构建的新部分。

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

我的问题是 html 页面引用这样的图像： <img src="img/image.png"> 但是当应用程序不在根文件夹中时，路径不正确。

我需要这样做：<img src="@Url.Content("~/img/image.png")"> 来格式化图像的正确路径，但我不能在 html 页面中这样做。

您能告诉我如何将它们从 .html 转换为 .cshtml 以使用 Razor 的帮助吗？我还需要知道在标准 MVC 5 应用程序中建议将这些页面相对于 Index.cshtml 放在哪里？

Answer 1

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