title: tabs with angular: loading tab content on click only with $http
body: <p>I have big forms with lots of data,
  so I'd like tabs with chunks of data for each tab.</p>
  
  <p>I'd like tab content to be lazy loaded on click of the tab title, and it then doesn't need to be reloaded again when selected again later.</p>
  
  <p>I think this example goes into the direction of what I want:
  <a href="https://stackoverflow.com/questions/14896298/angular-ui-tabs-loading-template-in-tab-content">angular-ui tabs loading template in tab-content</a></p>
  
  <p>but this seems to load a static template:</p>
  
  <pre><code>&lt;tabs&gt;
      &lt;pane active="pane.active"
            heading="{{pane.title}}"
            ng-repeat="pane in panes"&gt;
          &lt;div ng-include="pane.content"&gt;&lt;/div&gt;
      &lt;/pane&gt;
  &lt;/tabs&gt;
  </code></pre>
  
  <p>How can I load the pane's content dynamically with $http.get()?
  Note: this is already a page loaded via ng-view routing, so I can't do nested routing.</p>
  
  <p>EDIT: The content is quite different for every tab, so ideally I'd provide a function and a template for every tab or something like that...</p>
  
  <p>I guess angular-ui is a good way to go about this?</p>