Có thể điền $ templateCache trước khi xác định lộ trình?

Question

Tôi không muốn tải các mẫu tuyến đường của mình một cách lười biếng. Thay vào đó, tôi muốn tải tất cả các mẫu tuyến đường của mình vào $ templateCache trước bất kỳ tuyến đường nào đang thi hành.

Đây là những gì tôi đang làm:

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

này hoạt động OK nếu bạn duyệt đến / bởi vì nó không phù hợp với bất kỳ tuyến đường. Nhưng nếu bạn duyệt hoặc làm mới trên /#/login có vẻ như dịch vụ tuyến đường cố gắng tải mẫu trước khi khối chạy của tôi chạy và yêu cầu máy chủ cho nó.

Có cách nào để đảm bảo mã điền $ templateCache sẽ thực thi trước khi dịch vụ tuyến đường tìm mẫu?

Answer 1

Nếu bạn sử dụng grunt bạn rất khuyên bạn nên grunt-angular-templates cho mục đích đó, nhưng nếu bạn không muốn làm điều này bằng tay tạo mô-đun riêng biệt, trong đó bạn có logic tương tự với những gì bạn có ngay bây giờ, một cái gì đó dọc theo dòng:

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

và sau đó chỉ cần tham chiếu mô-đun đó làm phụ thuộc ứng dụng của bạn. Chạy khối mô-đun phụ thuộc sẽ chạy đầu tiên trước khi định tuyến logic đá vào và đó là những gì bạn muốn.