title: Angular trys to ajax templates whilst using $templateCache
body: <p>I am using <code>gulp (html2js)</code> to compile all of my html into angular's <code>$templateCache</code> and <code>browserify</code> to then include the files I want.</p>
  
  <p>However I am new to <code>angular</code> and it doesn't seem right to me that when I use the <code>$templateCache</code> <code>angular</code> would still try to ajax in the templates.</p>
  
  <pre><code> //views.min.js - This has exported correctly as far as I can tell
   !function(e){try{e=angular.module("Views")}catch(t){e=angular.module("Views",[])}e.run(["$templateCache",function(e){e.put("sliderHome.html",'&lt;div class="slider royalSlider rsDefault"&gt;&lt;div ng-repeat="item in sliderItems"&gt;&lt;h1&gt;{{item.title}}&lt;/h1&gt;&lt;p&gt;{{item.text}}&lt;/p&gt;&lt;img ng-src="/img/news/{{item.number}}.jpg"&gt;&lt;/div&gt;&lt;/div&gt;')}])}(),function(e){try{e=angular.module("Views")}catch(t){e=angular.module("Views",[])}e.run(["$templateCache",function(e){e.put("results/resultsGrid.html","&lt;div&gt;Results List as is the best&lt;/div&gt;")}])}();
  </code></pre>
  
  <p>The above file is included using <code>browserify</code> I can see it at the bottom of the file where it should.</p>
  
  <p><strong>app.js - Angular</strong></p>
  
  <pre><code>app.directive('sliderDirect', function($timeout, $templateCache) {
      return {
          restrict: 'E',
          templateUrl: $templateCache.get('sliderHome.html')
          ....
      }
  });
  </code></pre>
  
  <p><strong>Error given</strong>
  <code>GET http://localhost:3001/%3Cdiv%20class=%22slider%20royalSlider%20rsDefault%22…0ng-src=%22/img/news/%7B%7Bitem.number%7D%7D.jpg%22%3E%3C/div%3E%3C/div%3E 404 (Not Found)</code></p>
  
  <p><img src="https://i.stack.imgur.com/tX1kD.jpg" alt="enter image description here"></p>
  
  <p>So why can't I use the <code>$templateCache</code> without it trying to ajax it in and as you would expect?</p>