angularjs - 有没有办法让 AngularJS 在开始时加载部分内容而不是在需要时加载？

Question

我有这样的路线设置:

var myApp = angular.module('myApp', []).
    config(['$routeProvider', function ($routeProvider) {
    $routeProvider.
        when('/landing', {
            templateUrl: '/landing-partial',
            controller: landingController
        }).
        when('/:wkspId/query', {
            templateUrl: '/query-partial',
            controller: queryController
        }).
        otherwise({
            redirectTo: '/landing'
        });
}]);

我希望能够让 angularjs 在开始时下载部分内容，而不是在请求时下载。

可能吗？

Answer 1

是的，至少有两种解决方案:

1. 使用 script 指令 ( http://docs.angularjs.org/api/ng.directive:script ) 将部分内容放入最初加载的 HTML
2. 如果需要，您还可以通过 JavaScript 填写 $templateCache ( http://docs.angularjs.org/api/ng.$templateCache )(可能基于 $http 调用的结果)

如果你想使用方法(2)来填写$templateCache，你可以这样做:

$templateCache.put('second.html', '<b>Second</b> template');

当然，模板内容可以来自 $http 调用:

$http.get('third.html', {cache:$templateCache});

这里是那些技术的骗子:http://plnkr.co/edit/J6Y2dc?p=preview