title: How to assign an ng-template to directive templateUrl field
body: <p>This is my ng-template script :</p>
  
  <pre><code>  &lt;script type="text/ng-template" id="temp1.html"&gt;
           &lt;div style="min-width: 320px; min-height: 213px; max-width: 320px; max-height: 213px"&gt;
            &lt;p style="background-color:black; color:white; margin:20px; padding:20px;"&gt;A simple tempalate child&lt;/p&gt;
            &lt;div style="background-color:gray; color:white;"&gt;Html contents also works ok!!!&lt;/div&gt;
            &lt;div&gt;The quick brown fox jumps over the lazy dog&lt;/div&gt;
            &lt;p&gt;
              Make the fox
              &lt;button type="button" onclick="alert('Jump!!');"&gt;jump&lt;/button&gt;
            &lt;/p&gt;
          &lt;/div&gt;
      &lt;/script&gt;
  </code></pre>
  
  <p>This is my directive definition:</p>
  
  <pre><code>app.directive('mydiv', function(){
    return {
      restrict: 'E',
      templateUrl: "'temp1.html'",
  
    }
  });
  </code></pre>
  
  <p>But I am getting the following error in console :</p>
  
  <pre><code>Error: [$compile:tpload] http://errors.angularjs.org/1.2.21/$compile/tpload?p0='temp1.html'
      at Error (native)
      at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:6:450
      at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:60:488
      at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:72:132
      at l.promise.then.w (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:100:39)
      at l.promise.then.w (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:100:39)
      at l.promise.then.w (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:100:39)
      at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:101:295
      at k.$get.k.$eval (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:111:373)
      at k.$get.k.$digest (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:108:462)(anonymous function) @ angular.js:10023$get @ angular.js:7327l.promise.then.w @ angular.js:11532l.promise.then.w @ angular.js:11529l.promise.then.w @ angular.js:11529(anonymous function) @ angular.js:11662$get.k.$eval @ angular.js:12632$get.k.$digest @ angular.js:12444$get.k.$apply @ angular.js:12736h @ angular.js:8339w @ angular.js:8553A.onreadystatechange @ angular.js:8492
  </code></pre>
  
  <p>Am I doing something wrong in the way I am assigning <code>ng-template</code> to my <code>templateUrl</code> attribute?</p>