title: Angular-Ui-Router, nested named views - what am I doing wrong?
body: <p>I'm trying to implement a very simple example using nested named views using ui-router, and I can't get it to work.  If anyone could look at this jsFiddle - <a href="http://jsfiddle.net/thardy/eD3MU/" rel="nofollow">http://jsfiddle.net/thardy/eD3MU/</a> - and tell me what I'm doing wrong, I'd greatly appreciate it.  </p>
  
  <p>The basic idea is this:
  - My index.html has a single ui-view
  - The template that gets plugged into that has two, named ui-views
  - I'm trying to setup the configuration to populate these two ui-views with templates and I can't get it to work</p>
  
  <p>This is the core of the fiddle (angle brackets in template replaced with []):</p>
  
  <pre><code>
          $stateProvider
              .state('test', {
                  url: '/test',
                  views: {
                      'main': {
                           template:  '[h1]Hello!!![/h1]' +
                                      '[div ui-view="view1"][/div]' +
                                      '[div ui-view="view2"][/div]'
                      }
                  }
              })
              .state('test.subs', {
                  url: '',
                  views: {
                      'view1': {
                          template: "Im View1"
                      },
                      'view2': {
                          template: "Im View2"
                      }
                  }
              });
  </code></pre>
  
  <p>I've tweaked it a alot for several hours now (trying absolute names, etc), and I'm about to go crazy.  It looks good according to the documentation (at least to me), but there aren't any simple examples, and I must be missing something obvious.</p>
  
  <p><strong>Update</strong>
  By removing the url from test state and adding url: '' to the test.subs state, it works.  But adding any url to test state causes it to fail again.  In my real world scenario, none of these states are at the root, and having no url at all in the parent state causes things to not work well.  It's like that state isn't activated or something.  According to the docs, having url: '' in the sub should cause it to be activated along with it's parent state, but that's not what is happening.</p>
  
  <p><strong>Update - Solution</strong>
  For any who would like to see it - <a href="http://jsfiddle.net/thardy/eD3MU/" rel="nofollow">http://jsfiddle.net/thardy/eD3MU/</a></p>