Cập nhật các mẫu được lưu trong bộ nhớ cache

Question

Tôi sử dụng số templateUrl và nó hoạt động tuyệt vời!

app.directive('myDir', function() { 
    return { 
     templateUrl: 'partials/directives/template.html' 
    }; 
}; 

Tuy nhiên ... khi tôi thực hiện thay đổi đối với các mẫu này, bản cập nhật này không cập nhật. Trong phát triển nó không phải là một vấn đề lớn gây ra tôi konw những gì được cập nhật và chỉ có thể xóa bộ nhớ cache bằng tay.

Nhưng tôi không thể xóa bộ nhớ cache của tất cả người dùng. Có cách nào để làm việc này không? Giống như sử dụng thẻ meta CACHE-CONTROL hoặc một cái gì đó như thế?

Answer 1

Theo như tôi thấy, bạn có hai lựa chọn -

1. sử dụng $cacheFactory dịch vụ để loại bỏ bộ nhớ cache cũ Sau một mẫu được lấy, góc lưu trữ nó trong mặc định $ dịch vụ templateCache

   // Please note that $cacheFactory creates a default key '$http' 
   
   var cache = $cacheFactory.get('$http'); 
   
   // The remove() function removes a key-value pair from the cache, 
   // if it’s found. If it’s not found, then it just returns undefined. 
   
   cache.remove(your url); 
   

2. sử dụng tập tin phiên bản đổi tên tập tin với mỗi thay đổi - tức là nếu phiên bản đầu tiên của tập tin là mẫu-1.0.1.html, khi bạn thực hiện một số thay đổi mã đổi tên nó để templ ate-1.0.2.html v.v. Bằng cách này, tệp mới sẽ được tải xuống mỗi khi bạn thực hiện một số thay đổi.

Answer 2

Một giải pháp nhanh chóng và dơ bẩn là để vô hiệu hóa bộ nhớ đệm trong $httpProvider

app.config(function ($httpProvider) { 
    $httpProvider.defaults.headers.get = { 
     'Cache-Control': 'no-cache' 
    }; 
}); 

tôi sẽ không đề nghị này. Nhưng nó đã có tác dụng.