title: AngularJS ng-template with ng-messages-include
body: <p>I'm trying to create a script type of text/ng-template to put my error messages template into $templateCache. I want this script file to be remote, in it's own file outside of the HTML.</p>
  
  <pre><code>&lt;script type="text/ng-template" id="error-messages"&gt;
    &lt;span ng-message="required"&gt;This field is required.&lt;/span&gt;
    &lt;span ng-message="min"&gt;This number must be larger than {{min}}.&lt;/span&gt;
    &lt;span ng-message="max"&gt;This number must be smaller than {{max}}.&lt;/span&gt;
    &lt;span ng-message="number"&gt;A number is required.&lt;/span&gt;
    &lt;span ng-message="date"&gt;A date is required.&lt;/span&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Then in the HTML I want to reference this template that I believe should be in $templateCache and I can access it by Id.</p>
  
  <pre><code>&lt;form name="userForm"&gt;       
        &lt;div class="form-group"&gt;
          &lt;label for="requiredInput"&gt;Required&lt;/label&gt;
          &lt;input type="text" class="form-control" id="required" name="requiredInput" 
          ng-model="user.required" required /&gt;
          &lt;div ng-messages="userForm.requiredInput.$error" ng-messages-include="error-messages"&gt;&lt;/div&gt;
        &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>If i put the script inline with the HTML it works just fine but I want it to be in a remote file. When I move it to a remote file my HTML is unable to find my template error-messages.</p>
  
  <p>This is my first Plunker I'm sharing. Please let me know if you can't get to it.
  <a href="http://plnkr.co/edit/NgSm7piaECWBab1LOmp3?p=preview" rel="nofollow">http://plnkr.co/edit/NgSm7piaECWBab1LOmp3?p=preview</a></p>