Полное приложение SPA с AngularJS

Question

Я подумывал сделать полное приложение SPA с AngularJS, которое загрузило бы весь код вида на первоначальный запрос, а затем просто связывается с сервером через запросы AJAX.

Большим преимуществом является то, что он будет выглядеть как приложение работает локально.

Недостаток заключается в том, что, возможно, при первоначальном запросе приложение может потребоваться, возможно, 2 минуты на загрузку, поскольку оно будет составлять около 40 запросов страницы на сервер.

Не существует способа загрузить все виды приложений в одном запросе, например, используя некоторые пакеты ASP.Net MVC?

Answer 1

Я сделал что-то подобное. Я использую Asp.net MVC & WebApi с AngularJS.

Мой первый запрос: MVC Действие -> Он возвращает вид главной страницы (включая пачки).
Когда страница доходит до клиента, AngularJS начинает играть и отвечает.

Теперь мои взгляды на шаблон также отображаются с помощью механизма просмотра Razor (так как мне нужен специальный механизм для размещения моих шаблонов соответствия) - я могу использовать пакеты и другие .net-файлы внутри вместо того, чтобы извлекать простой html.

Теперь, используя этот шаблон может быть BAD. Я положил красные строки о том, что я хочу, чтобы двигатель Razor сделал в этом процессе.
При использовании Razor views \ templates в вашем проекте легко использовать AngularJS.

Answer 2

вы можете использовать службу $ 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'); 
});