title: Inline `ng-template` not found by `ng-include`
body: <p>I have a view being loaded with an embedded <code>text/ng-template</code> which is not being found by a <code>ng-include</code> later in the file. The script block sits at the very top of the view file:</p>
  
  <pre><code>&lt;script type="text/ng-template" id="stringCondition"&gt;
      &lt;!-- template guts --&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Which I am loading later in the file with:</p>
  
  <pre><code>&lt;ng-include src="'stringCondition'"&gt;&lt;/ng-include&gt;
  </code></pre>
  
  <p>But is producing a 404 error in the console:</p>
  
  <pre><code>GET http://localhost/~me/stringCondition 404 (Not Found)
  </code></pre>
  
  <p>I've tried several variants on naming (like having .html on the end) and using <code>ng-include</code> as an attribute instead of the high level element. All with no luck.</p>
  
  <p>What could be causing an embedded <code>ng-template</code> to not be registering with an <code>ng-include</code> in the same view file?</p>
  
  <p>UPDATE:</p>
  
  <p>As comments and answers have pointed out, the basic design of my code is correct. But something is causing <code>ng-template</code> to (apparently) fail to make the template available to the system.</p>
  
  <p>I updated my code to pull from a HTML file (instead of an imbedded template) and it works fine.</p>
  
  <p>Is there a common situation that I could be running into that breaks <code>ng-template</code>?</p>