title: UI-router overriding parent view from child
body: <p>Here is a snippet of my $stateProvider in a demo ionic app.</p>
  
  <pre><code>.state('test', {
    template: "test &lt;div ui-view='content'&gt;&lt;/div&gt;"
  })
  .state('test.main', {
    url: '/test',
    views: {
      'content': {
        template: "test content2 &lt;div ui-view='content'&gt;&lt;/div&gt;",
        controller: function() {
          console.log('test content');
        }
      }
    }
  })
  .state('test.main.now', {
    url: '/now',
    views: {
      'content': {
        template: 'test content now',
        controller: function() {
          console.log('test content now');
        }
      }
    }
  })
  </code></pre>
  
  <p>when i request /test/now i see</p>
  
  <p>test<br />
  test content2<br />
  test content now</p>
  
  <p>which is what i expect to see. When i change the test.main.now's content name to content@ (which should mean override view in parent state) i now get</p>
  
  <p>test<br />
  test content2</p>
  
  <p>which is not what i expected. What is the proper way to override the same named view in a parent state? I updated the question with more details and a better example.</p>