可以在定义路由之前填充$ templateCache吗？

Question

我不想懒加载我的路线模板。相反，我想在执行任何路由之前将所有路由模板加载到$ templateCache中。

这就是我在做的事情：

angular.module('myApp', ['ngRoute']).config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider)
{
    $locationProvider.html5Mode(false);

    $routeProvider.when("/main", {templateUrl: "main", controller: "MainCtrl"})
                  .when("/login",{templateUrl: "login", controller: "LoginCtrl"});
}])
.run(['$location','$templateCache', function ($location, $templateCache)
{
   //...Save templates in $templateCache
   $location.path("/login");
}]);

如果您浏览到/，这可以正常工作，因为它与任何路线都不匹配。但是如果您在/#/login上浏览或刷新，似乎路由服务会在我的运行块运行之前尝试加载模板，并向服务器发出请求。

无论如何确保填充$ templateCache的代码会在路由服务寻找模板之前执行吗？

Answer 1

如果您使用grunt，我强烈推荐grunt-angular-templates用于此目的，但是如果您不这样做并希望手动创建单独的模块，其中您具有与现在类似的逻辑，那么这些行：

angular.module('myapp.templates').run(['$templateCache', function($templateCache) {
$templateCache.put(...

然后简单地将该模块作为您的app依赖项引用。在路由逻辑启动之前，依赖模块的运行块将首先运行，这就是你想要的。