title: AngularJS UI-Router: Rendering parent partial with child partial
body: <p>I'm using the <a href="https://github.com/angular-ui/ui-router" rel="nofollow">UI-Router</a>  framework for AngularJS in order to render nested partials. I'm having problems with rendering a parent partial with its child partial. Here is my code:</p>
  
  <pre><code>window.app.config(['$stateProvider', '$urlRouterProvider', 
    function($stateProvider, $urlRouterProvider) {
      $urlRouterProvider.otherwise('/');
      $stateProvider
      .state('class', {
          url: '/classes/:classId',
          templateUrl: '/views/class.html',
          controller: 'ClassCtrl',
      })
        .state('class.questionList', {
          url: '',
          templateUrl: '/views/questionList.html',
        })
    }]);
  </code></pre>
  
  <p>In the declaration of my child-state, I set the url to an empty string so that it would render at the same time as its parent. However, this is not working, only the parent view is rendering.</p>