2015-04-26 3 views
0

В угловых Js 1.2.22 версии кода, я видел это в HTMLУгловой шаблон загрузки рядный

<div class="mainContent" ng-include="content"> </div> 

и в соответствующем контроллере, я вижу это.

$scope.content = 'templates/contents/home.html'; 

Я вижу его создание вызова Ajax для загрузки шаблона.

Я работаю над улучшением скорости отображения содержимого, и я сделал некоторые оптимизации, как Минимизация в яваскрипта код и Минимизация CSS

Мои сомнения в том, как сделать это инлайн - без вызова Ajax. Итак, я мог проверить, есть ли видимая разница в скорости контента, отображаемого для этого шаблона?

Я пробовал шаблон glul-angular-template, чтобы кэшировать шаблоны, но это не сработало. Есть ли обходной путь для этого, чтобы я мог сделать этот шаблон встроенным?

ответ

1

То, что вы ищете, это Angle's $templateCache.

В зависимости от вашей задачи бегун, вы можете указать gulp-angular-templatecache или grunt-angular-templatecache.

+0

Я использовал кеш шаблона, но его по-прежнему загружал шаблон из ответа Ajax. Я вижу, что он использует этот

и в соответствующем его коде контроллера, написанный следующим образом: $ scope.content = 'templates/contents/home.html'; Есть ли способ сделать этот шаблон встроенным? –

+0

Проверьте файл dist js, если шаблоны помещены в шаблон $ templateCache, используя правильный путь. Если нет, они не могут быть включены в ваш процесс сборки или использовать неправильный путь. – naeramarth7

+0

Я вижу, что новый файл template.js был сгенерирован и помещен в папку js - как я указал в конфигурации gulp. И я конкатенировал этот файл template.js, чтобы создать файл app.min.js, чтобы создать единственный файл js с помощью gulp. Тем не менее его создание Ajax вызывает загрузку шаблона. Я тестировал это на обычном простом приложении Angular js, и он работал. В этом случае, интересно, если проблема с ng-include = "content". –

Смежные вопросы