title: Yeoman angular generator and bootstrap templates
body: <p>So, I have an application that I have built using <strong>yo angular</strong> and all has been working for a while.
  I have overridden some of the bootstrap templates (specifically the <strong>datepicker</strong>) and I have updated my grunt task to include these files when creating my templateCache:</p>
  
  <pre><code>ngtemplates: {
      dist: {
          options: {
              module: 'sapphire',
              htmlmin: '&lt;%= htmlmin.dist.options %&gt;',
              usemin: 'scripts/scripts.js'
          },
          cwd: '&lt;%= yeoman.app %&gt;',
          src: [
              'app/**/*.html',
              'uib/**/*.html'
          ],
          dest: '.tmp/templateCache.js'
      }
  },
  </code></pre>
  
  <p>The problem is when locally testing. It doesn't use the new template, which is annoying.
  I have been using <strong>injector</strong> to inject my project files into my <strong>index.html</strong>, so I created this:</p>
  
  <pre><code>html: {
      options: {
          transform: function (filePath) {
              return '&lt;script type="text/ng-template" src="\'' + filePath.replace('/src/', '') + '\'"&gt;&lt;/script&gt;';
          }
      },
      files: {
          '&lt;%= yeoman.app %&gt;/index.html': [
              '&lt;%= yeoman.app %&gt;/uib/**/*.html'
          ]
      }
  },
  </code></pre>
  
  <p>Which adds my templates to the bottom of the <strong>index.html</strong> like this:</p>
  
  <pre><code>&lt;!-- injector:html --&gt;
  &lt;script type="text/ng-template" src="'uib/template/datepicker/datepicker.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/datepicker/day.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/datepicker/month.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/datepicker/year.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/timepicker/timepicker.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-account-match.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-complaint.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-customer-services.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-match.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-order-match.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-product-match.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-stock-match.html'"&gt;&lt;/script&gt;
  &lt;script type="text/ng-template" src="'uib/template/typeahead/typeahead-user-match.html'"&gt;&lt;/script&gt;
  &lt;!-- endinjector --&gt;
  </code></pre>
  
  <p>These templates are put under the <strong>JavaScript</strong> files.
  I have tried them above and still it doesn't work. Does anyone know why?</p>