title: Use nested states as tabs in ui-router
body: <p>The documentation seems a little sparse on this particular case, however I'm working off of the "Multiple Views About Page" section of <a href="https://scotch.io/tutorials/angular-routing-using-ui-router" rel="nofollow noreferrer">this</a> tutorial, which is supported by <a href="https://stackoverflow.com/questions/35522496/multiple-angular-ui-router-tabs">this</a> SO post.  </p>
  
  <p>I'm trying to convert one of my pages to a parent state that renders each tab as child states. The syntax below doesn't throw an error, however only the tab headers are rendering, none of the content. I've set breakpoints in the  <code>init</code> functions in the child controllers and nothing fires, and I'm not getting any errors back in the console. I've also created a breakpoint in the <code>$stateChangeError</code> callback and am getting nothing in there as well. </p>
  
  <p><strong>parent state</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;h2&gt; &lt;i class="fa fa-user"&gt;&lt;/i&gt; Click to Call Settings for {{user.fullName}}&lt;/h2&gt;
      &lt;uib-tabset active="active" id="usersettings"&gt;
          &lt;uib-tab index="0" heading="SIP Settings"&gt; 
              &lt;div ui-view="sipSettings"&gt;&lt;/div&gt; 
          &lt;/uib-tab&gt;   
          &lt;uib-tab index="1" heading="Favorites"&gt; 
              &lt;div ui-view="favorites"&gt;&lt;/div&gt;       
          &lt;/uib-tab&gt;
      &lt;/uib-tabset&gt;  
  &lt;/div&gt;&gt;
  </code></pre>
  
  <p><strong>favoritesPartial.html (edited for the sake of space)</strong></p>
  
  <pre><code>&lt;form name="favoritesForm"&gt;
      &lt;div ng-repeat="favorite in pbxFavorites" id="favoritesContainer"&gt;
  
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;div class="form-footer"&gt;
      &lt;button type="button" class="btn btn-white" ng-click="$root.goBack()"&gt;Go Back&lt;/button&gt;
      &lt;button type="submit" class="btn btn-primary" ng-click="saveFavorites()"&gt;Save Favorites&lt;/button&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p><strong>sipSettingsPartial.html (edited for the sake of space)</strong></p>
  
  <pre><code>&lt;form name="sipSettingsForm"&gt;
      &lt;div class="row"&gt;
  
      &lt;div class="form-footer"&gt;
          &lt;button type="button" class="btn btn-white" ng-click="$root.goBack()"&gt;Go Back&lt;/button&gt;
          &lt;button type="submit" class="btn btn-primary" ng-click="savePbxSettings()"&gt;Save Settings&lt;/button&gt;
      &lt;/div&gt;  
   &lt;/form&gt;
  </code></pre>
  
  <p><strong>state provider</strong></p>
  
  <pre><code>        .state('clickToCall', {
              url: '/clickToCall',
              templateUrl: 'app/components/clickToCall/clickToCall.html',
              controller: 'ClickToCallController',
              controllerAs: 'vm',
              parent: 'app',
              authenticate: true,
              resolvePolicy: {when:'LAZY', async: 'WAIT'},
              resolve:{
                  security:['$q', '$rootScope', 'parentResolves',  'routeErrors', function($q, $rootScope, parentResolves, routeErrors){
                      if($rootScope.isLoggedIn()){
                          return $q.resolve();
                      } else {
                          return $q.reject(routeErrors.NO_ACCESS);
                      }
                  }]
              },
              params:{
                  'user':''
              },
              view:{
                  'sipSettings@clickToCall': {
                      templateUrl: 'app/components/clickToCall/sipSettingsPartial.html',
                      controller: 'SipSettingsController'
                  },
                  'favorites@clickToCall':{
                      templateUrl: 'app/components/clickToCall/favoritesPartial.html',
                      controller: 'FavoritesController'
                  }
              }
          })
  </code></pre>
  
  <p><strong>folder structure</strong></p>
  
  <p><a href="https://i.stack.imgur.com/OFlZY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OFlZY.png" alt="enter image description here"></a></p>
  
  <p><strong>screen shot</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ob9ac.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ob9ac.png" alt="enter image description here"></a></p>