経路を定義する前に$ 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"); 
}]); 

それは任意の経路と一致していないので、あなたが/を参照する場合、これはOKに動作します。しかし、/#/loginをブラウズしたりリフレッシュしたりすると、ルートブロックが実行される前にルートサービスがテンプレートをロードしようとしているように見え、サーバーにリクエストが送信されます。

ルートサービスがテンプレートを探す前に$ templateCacheを実行するコードが確実に実行されるようにする方法はありますか？

Answer 1

グラントを使用している場合は、その目的でgrunt-angular-templatesを強くお勧めしますが、手動でこれを行うには、類似のロジックを持つ別のモジュールを手動で作成する必要があります。

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

このモジュールをアプリケーションの依存関係として参照してください。依存関係モジュールの実行ブロックは、ルーティングロジックが起動し、それが必要とする前に最初に実行されます。