title: angular directive template not loading
body: <p>my angular directive template is not getting loaded into my app. The js file for the directive is loading fine except the html. I checked the 'net' tab in firebug and its not getting called there either. I am currently not getting any errors.</p>
  
  <p>Here is my directive js:</p>
  
  <pre><code>angular.module('Grid')
  .directive('grid', function() {
      return {
          restrict: 'A',
          require: 'ngModel',
          scope: {
              ngModel: '='
          },
          templateUrl: 'scripts/grid/grid.html'
      }
  });
  </code></pre>
  
  <p>Here is my directive html:</p>
  
  <pre><code>&lt;div id="game"&gt;
  &lt;div class="grid-container"&gt;
      &lt;div class="grid-cell" ng-repeat="cell in ngModel.grid track by $index"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="tile-container"&gt;
      &lt;div tile ng-model="tile" ng-repeat="tile in ngModel.tiles track by $index"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>finally here is my index.html where it is meant to go</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;2048&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="styles/game.css" /&gt;
  
          &lt;script type="application/javascript" src="scripts/libraries/angularjs.js" &gt;&lt;/script&gt;
          &lt;script type="application/javascript" src="scripts/app.js"&gt;&lt;/script&gt;
          &lt;script type="application/javascript" src="scripts/game/game.js"&gt;&lt;/script&gt;
          &lt;script type="application/javascript" src="scripts/grid/grid.js"&gt;&lt;/script&gt;
          &lt;script type="application/javascript" src="scripts/grid/grid_directive.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body ng-app="twentyApp"&gt;
          &lt;!-- header --&gt;
          &lt;div class="container" ng-include="'views/main.html'"&gt;&lt;/div&gt;
          &lt;!-- script tags --&gt;
  
          &lt;div id="game-controller"&gt;
              &lt;div grid ng-model="ctrl.game" class="row"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This has app is being broken up into multiple modules as the new recommended structure for angular</p>