title: Angular UI-Router, Parent ui-view renders but child view with templates do not
body: <p>If I have <code>index.html</code> with:</p>
  
  <p><code>&lt;body&gt;
  &lt;ui-view="home"&gt;&lt;/home&gt;
  &lt;/body&gt;</code></p>
  
  <p>Then inside that home view i render <code>frame.html</code> with the following inside:</p>
  
  <p><code>&lt;div ui-view="home_content"&gt;&lt;/div&gt;</code></p>
  
  <p>In my <code>app.js</code> I've been trying to get the most inner the <code>ui-view</code> inside <code>frame.html</code> to render another html template. I'm able to render the content in the <code>home</code> view just fine but nothing renders inside <code>home_content</code>.</p>
  
  <p><strong>My app.js ui-router code</strong></p>
  
  <pre><code>    $stateProvider
          .state('user', {
              abstract: true,
              template: '&lt;ui-view/&gt;',
              data: {
                  access: AccessLevels.user
              }
          })
  
          .state('user.home', {
              url: '/home',
              views: {
                  'home@': {
                      templateUrl: 'app/partials/home/frame.html',
                      controller: 'homeCtrl'
                  },
                  'home_content@home': {
                      templateUrl: 'app/partials/home/dashboard/index.html',
                      controller: 'dashboardCtrl'
                  }
              }
          });
  </code></pre>
  
  <p>Seems like I may be coming at this all wrong, not sure if the above is the right way to go about it.</p>