title: AngularJS - Load content in tab through controller
body: <p>I am trying to use <code>ng-repeat</code> and a controller to dynamically load tab content.</p>
  
  <p>Controller code:</p>
  
  <pre><code>angular.module('ogn.userprefs').controller('UserprefsController', ['$scope',
      function($scope) {
          $scope.tabs = [
              { title: 'Personal Information', content: "ng-include=''modules/userprefs/views/personalinfo.html''"},
              { title: 'Sign In &amp; Security', content: 'modules/userprefs/views/signin_security.html'},
              { title: 'Account Preferences', content: 'modules/userprefs/views/accountprefs.html'}
          ];
  }]);
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div ng-show="subnav" class="userprefs"&gt;
    &lt;div ng-controller="UserprefsController" class="subnav-tabs"&gt;
      &lt;!--&lt;tabset&gt;
        &lt;tab heading="Personal Information"&gt;
          &lt;div ng-include="'modules/userprefs/views/personalinfo.html'"&gt;&lt;/div&gt;
        &lt;/tab&gt;
        &lt;tab heading="Sign In &amp;amp; Security"&gt;
          &lt;div ng-include="'modules/userprefs/views/signin_security.html'"&gt;&lt;/div&gt;
        &lt;/tab&gt;
        &lt;tab heading="Account Preferences"&gt;
          &lt;div ng-include="'modules/userprefs/views/accountprefs.html'"&gt;&lt;/div&gt;
        &lt;/tab&gt;
      &lt;/tabset&gt;--&gt;
      &lt;tabset&gt;
        &lt;tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active"&gt;
          {{tab.content}}
        &lt;/tab&gt;
      &lt;/tabset&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The HTML code that has been commented out is how I called the content in my tab before, using <code>hg-include</code>. I want to switch to an <code>ng-repeat</code> and call it through the controller, but all that is coming up is text that follows <code>content:</code>. What can I replace after <code>content</code> to call my html pages?</p>
  
  <p>Any help is appreciated! Thanks in advance!</p>