5

我不想延迟加载我的路线模板。相反，我想在执行任何路由之前将所有路由模板加载到 $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 的代码将在路由服务查找模板之前执行？

4

1 回答 1

3

如果您使用 grunt，我强烈推荐grunt-angular-templates用于此目的，但如果您不这样做并且想要手动创建单独的模块，在该模块中您的逻辑与您现在所拥有的类似，则大致如下：

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

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

于 2013-10-28T20:45:51.887 回答