È possibile popolare $ templateCache prima di definire i percorsi?

Question

Non voglio caricare pigro i miei modelli di percorso. Invece voglio caricare tutti i miei modelli di percorso in $ templateCache prima di qualsiasi esecuzione di percorsi.

Questo è quello che sto facendo:

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"); 
}]); 

Questo funziona bene se si passa a / in quanto non corrisponde ad alcun percorso. Ma se si naviga o si aggiorna su /#/login, sembra che il servizio di instradamento tenti di caricare il modello prima che il mio blocco di esecuzione venga eseguito e faccia una richiesta al server per esso.

Esiste comunque un modo per garantire che il codice che popola il $ templateCache venga eseguito prima che il servizio di route vada alla ricerca del modello?

Answer 1

Se si utilizza il grunt si consiglia vivamente grunt-angular-templates per questo scopo, ma se non lo si desidera e si desidera creare manualmente un modulo separato in cui si abbia una logica simile a ciò che si ha ora, qualcosa in linea:

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

e quindi fare semplicemente riferimento a quel modulo come dipendenza dell'app. Il blocco di esecuzione del modulo di dipendenza verrà eseguito prima che la logica di routing venga avviata ed è ciò che si desidera.