title: angularjs IE Cache buster works, but breaks directive
body: <p>I have had a problem with IE caching everything, so if i switched user, i would still see data from the old user which is not logged in anymore. </p>
  
  <p>I tried this solution (found at : <a href="https://stackoverflow.com/questions/16098430/angular-ie-caching-issue-for-http">Angular IE Caching issue for $http</a> ), and it worked but now my directive can't GET the template it needs, how can i get both things to work ?</p>
  
  <p>code: </p>
  
  <pre><code>   app.config(['$httpProvider', function ($httpProvider) {
      //initialize get if not there
      if (!$httpProvider.defaults.headers.get) {
          $httpProvider.defaults.headers.get = {};
      }
      console.log($httpProvider.defaults.headers.get['If-Modified-Since']);
  
      //disable IE ajax request caching
      $httpProvider.defaults.headers.get['If-Modified-Since'] = '0';
  }]);
  </code></pre>
  
  <p>My directive: </p>
  
  <pre><code>app.directive('commentsContainer', function (commentResource, signalRService) {
  return {
      restrict: 'EAC',
      templateUrl: '/Templates/Directives/_Comments.html',
      link: function ($scope) {
           //CODE
      }
  }
  </code></pre>
  
  <p><strong>EDIT!</strong>
  it get an error no matter which browser, here is the one from chrome : </p>
  
  <pre><code>GET http://localhost:58991/Templates/Directives/_Comments.html 400 (Bad Request) 
  
  Error: [$compile:tpload] Failed to load template: /Templates/Directives/_Comments.html
  </code></pre>
  
  <p>Without the angular snippit for caching, it works fine..</p>
  
  <p>Hope you can help!</p>