title: Angular UI-Router Default State Issue
body: <p>I'm trying to setup Angular routes/states that work like this:</p>
  
  <p>(pseudocode)</p>
  
  <pre><code>/homepage
     defaultstate: homepartial.html
  
  /projects
      defaultstate: projectHome.html
  
  /projects/editProject
      url: projectForm.html
  </code></pre>
  
  <p>So views would end up like this:</p>
  
  <pre><code>Home: 
      index.html (includes site header and navbar)
          main view ---&gt; home-partial.html
  
  myProjects: 
      index.html
          main view ---&gt; projectHome.html
                             main view ---&gt; project-home-partial.html (shows list of projects)
  
  editProject: (clicking on a project on projectHome.html)
      index.html
          main view ---&gt; projectHome.html
                             main view ---&gt; projectForm.html
  </code></pre>
  
  <p>I'm trying to build nested states to achieve this but I seem not to have grokked entirely how it works.
  Here's my routing setup:</p>
  
  <pre><code>.config(function ($stateProvider, $urlRouterProvider, $locationProvider, $httpProvider) {
  $urlRouterProvider.otherwise('/');
  
      $stateProvider
          .state('/', {
              url: '/',
              controller: 'org.mi.novum.controllers.NovumBaseCtrl',
              views: {
                  '': {
                      templateUrl: 'app/main/main.html'
                  },
                  'main@/': {
                      templateUrl: 'app/main/home-partial.html',
                      views: {
                          'myProjects@main@/': {
                              url: '/myProjects',
                              templateUrl: 'app/project/myProjects.html'
                          }
                      }
                  }
              }
          })
  </code></pre>
  
  <p>At the moment the standard home route works, showing the index page with the home-partial nested in it. But when I click the link to go to the myProjects page it doesn't work - no errors, just nothing happening.</p>
  
  <p>Link looks like this:
      &lt;a class="btn btn-primary btn-lg" role="button" ui-sref=".myProjects"&gt;My Projects&lt;/a&gt;</p>
  
  <p>I guess what I'm trying to do is define routes like "editProject" which will ultimately lead to /index.html -> myProjects.html -> EditForm.html, if that makes sense.</p>
  
  <p>Any direction would be much appreciated, including whether there's a better way to achieve what I want.</p>