title: angular-ui tabs loading template in tab-content
body: <p>I'm using the tabs in angular-ui using this controller:</p>
  <pre><code>$scope.panes = [
      { title:&quot;Home&quot;,      content:&quot;home&quot; , active: true},
      { title:&quot;Settings&quot;,  content:&quot;settings&quot;},
      { title:&quot;View&quot;,      content:&quot;view&quot;}
  ];
  </code></pre>
  <p>and this in the html file:</p>
  <pre><code>&lt;tabs&gt;
      &lt;pane
        active=&quot;pane.active&quot;
        heading=&quot;{{pane.title}}&quot;
        ng-repeat=&quot;pane in panes&quot;
      &gt;
        {{pane.content}}
      &lt;/pane&gt;
    &lt;/tabs&gt;
  </code></pre>
  <p>but i want to set the content as a template how can I do that, I tried setting the ng-include code in this <a href="http://plnkr.co/edit/VUUPhgN602vHyMm1hEcT?p=preview" rel="noreferrer">plunker</a>, but didn't work.<br />
  Thanks in advance.</p>
  <h1>update:</h1>
  <p>if you find this solution and you'r not using angular-bootstrap v0.12 you need to update the code to <a href="http://angular-ui.github.io/bootstrap/#/tabs" rel="noreferrer">the new syntax of v0.13</a> like this:</p>
  <pre><code>&lt;tabset&gt;
      &lt;tab
        active=&quot;pane.active&quot;
        heading=&quot;{{pane.title}}&quot;
        ng-repeat=&quot;pane in panes&quot;
      &gt;
        &lt;div ng-include=&quot;pane.content&quot;&gt;&lt;/div&gt;
      &lt;/tab&gt;
    &lt;/tabset&gt;
  </code></pre>
  <p>I already updated the <a href="http://plnkr.co/edit/VUUPhgN602vHyMm1hEcT?p=preview" rel="noreferrer">plunker</a> to have the syntax of the angular-bootstrap v0.13.</p>