title: nested url but not nested state or view
body: <p>I have two states that share the same view and have nested urls. </p>
  
  <pre><code>{
    name: 'widget',
    url: '/widget/:widget',
    template: '&lt;widget&gt;&lt;/widget&gt;'
  },
  {
    name: 'widget.version',
    url: '/version/:version',
    template: '&lt;widget&gt;&lt;/widget&gt;'
  }
  </code></pre>
  
  <p>The first one renders fine but the second one doesn't at all, the <code>&lt;widget&gt;</code> component is never mounted. None of the resolves I've added to the <code>widget.version</code> route are never fired either.</p>
  
  <p>Also, the <code>&lt;widget&gt;</code> template never uses <code>ui-view</code> (it doesn't have to).</p>
  
  <p>I also tried this to avoid nested states altogether, but the same thing happens</p>
  
  <pre><code>{
    name: 'widget',
    url: '^/widget/:widget',
    template: '&lt;widget&gt;&lt;/widget&gt;'
  },
  {
    name: 'widgetversion',
    url: '^/widget/:widget/version/:version',
    template: '&lt;widget&gt;&lt;/widget&gt;'
  }
  </code></pre>
  
  <p>How can I get my <code>/version/:version</code> nested url to render?</p>