將Angularjs合併到ASP.NET MVC中5

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的幫助嗎？另外，我需要知道在哪裏建議將這些頁面相對於Index.cshtml放入標準的MVC 5應用程序中？

Answer 1

如果您希望AngularJs模板在.cshtml（Razor）中，您需要爲它們創建部分動作。在你的mvc控制器中創建一個動作並像在普通MVC中那樣返回視圖。您需要考慮的事情是，您需要將佈局設置爲null，以便在顯示這些部分視圖時不會顯示完整的佈局。然後，在Angular中，您需要通過其完整路線來引用此操作。