Angular с использованием шаблонов templateUrl или HTML

Возможно, стоит взглянуть на $templateCache, который можно внедрить в TemplateService (такой как ниже); задача службы заключается в загрузке любых переданных ей файлов. Вы можете внедрить службу в контроллер верхнего уровня и кэшировать любые файлы, которые могут вам понадобиться позже:

Основной Ctrl

app.controller('MyMainCtrl', ['TemplateService', function(TemplateService) {
    /* Specify templates to be loaded */
    var templates = [ '/foo.html', '/bar.html' ];

    /* Fetch and cache each template */
    _.each(templates, function(template) {
       TemplateService.loadTemplate(template)
           .done(function() {
                console.log('Loaded template: ' + template);
           });
    });
}]);

Служба шаблонов

app.service('TemplateService', ['$templateCache', function ($templateCache) {
    return {
        loadTemplate: function(template) {
            var deferred = new $.Deferred();

            /* Check if the template is already been loaded */
            if ($templateCache.get(template)) {
                deferred.resolve();
            } else {
                var options = {
                    async: false,
                    type: 'GET',
                    url: template
                };
                /* Fetch template */
                $.ajax(options)
                    .done(function (response) {
                        $templateCache.put(template, response);
                        deferred.resolve();
                    })
                    .fail(function () {
                        console.log('Unable to load template: ' + template);
                        deferred.reject();
                    });
            }
            return deferred.promise();
        }
    }
}]);

Это совершенно законный способ сделать это, потому что провайдер маршрута должен обрабатывать, что и когда загружать. Когда вы вводите новый маршрут, angular уничтожит старый и загрузит новый, поэтому не все ваши шаблоны находятся в DOM одновременно, то же самое происходит с ng-if.

Если вы чувствуете, что ваше приложение будет очень большим и включает в себя массу представлений, вы можете изучить ленивую загрузку с помощью angular и что-то вроде Requirejs. Если вы пойдете по этому пути, я бы подождал несколько недель до Angular 1.4 и нового маршрутизатора, который они выпускают для него.