title: Different ng-include's on the same page: how to send different variables to each?
body: <p>I've got a page in my AngularJS app in which I would like to include the same html partial, but with different variables. If I do this in my main <code>html</code>:</p>
  <pre><code>&lt;div id=&quot;div1&quot; ng-include src=&quot;partials/toBeIncluded.html onload=&quot;var='A'&quot;&gt;
  &lt;div id=&quot;div2&quot; ng-include src=&quot;partials/toBeIncluded.html onload=&quot;var='B'&quot;&gt;
  </code></pre>
  <p>And <code>toBeIncluded.html</code> looks like</p>
  <pre><code>&lt;div&gt;{{var}}&lt;/div&gt;
  </code></pre>
  <p>Both <code>div</code>'s will look like</p>
  <pre><code>&lt;div id=&quot;div1&quot;&gt;&lt;div&gt;B&lt;/div&gt;&lt;/div&gt;
  &lt;div id=&quot;div2&quot;&gt;&lt;div&gt;B&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  <p>I guess it has to do with the fact that the same <code>onload</code> gets called for al the ng-includes. So how do I send different variables to each different include?</p>