internet explorer - How to Prevent Caching in IE8 when using AngularJS Models -

my technology stack -

1. angularjs
2. bootstrap
3. spring mvc
4. hibernate

what doing :

there list of items on doing crud (create, read, update , delete)

1. posting form data via angular controller spring controller.
2. spring controller -> dao method -> db updated
3. spring controller returns "y" or "n"
4. angular gets status message , reloads angular model(a json array populate list of items)
5. same update , delete

my objective achieve real-time data manipulation without page reload.

this works fine in chrome. however, ie can not detect model change. keeps displaying data prior addition/updation/deletion (from cache). after clear cache manually, able see changed model.

need on how resolve problem ie8 , above.

p.s. have tried setting meta headers

you can set

"no-cache headers response on server side"

var appinfrastructure = angular.module('app.infrastructure', []); 

and in angularjs can write interceptor below sample code:

appinfrastructure     .config(function ($httpprovider) {         $httpprovider.requestinterceptors.push('httprequestinterceptorcachebuster');     })         .factory('httprequestinterceptorcachebuster', function () {         return function (promise) {             return promise.then(function (request) {                 if (request.method === 'get') {                     var sep = request.url.indexof('?') === -1 ? '?' : '&';                     request.url = request.url + sep + 'cacheslayer=' + new date().gettime();                 }                  return request;             });         };     });