AngularJS的完整SPA應用程序

Question

我當時在考慮使用AngularJS做一個完整的SPA應用程序，該應用程序將下載初始請求上的所有視圖代碼，然后僅通過AJAX請求與服務器進行通信。

最大的優點是它看起來像應用程序在本地運行。

缺點是，可能在初始請求時加載應用程序可能需要2分鍾，因為它將向服務器發出大約40個頁面請求。

是否沒有辦法像使用某種ASP.Net MVC捆綁包那樣在單個請求中下載所有應用程序視圖？

Answer 1

您可以使用$ templateCache服務一次下載多個視圖。 在運行階段中，您將全部定義（其中一些）。

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('template1.html', 'This is the content of the template 1');
  $templateCache.put('template2.html', 'This is the content of the template 2');
  $templateCache.put('template3.html', 'This is the content of the template 3');
});

Answer 2

我做了類似的事情。 我在AngularJS使用Asp.net MVC和WebApi 。

我的第一個請求是對MVC Action->它返回一種母版頁（包括分發包）。
當頁面轉到客戶端時， AngularJS啟動並負責。

現在，我的模板視圖也通過Razor視圖引擎呈現（因為我需要一個專用的內部引擎來定位我的相關模板）-我可以在內部使用包和其他.net內容，而不是獲取純HTML。

現在使用這種方式的模板可以是BAD 。 在我希望Razor視圖引擎在此過程中要做的事情上，我用紅線標出。
在項目中使用Razor視圖\\模板時，很容易濫用AngularJS 。