title: Angularjs ui-router abstract state with resolve
body: <p>Is it possible to make an abstract state with ui-router that needs to resolve data? I need to load the top half of a page with profile info, and then have a sub-nav that loads other details at the bottom of the page. The idea is that the abstract state would load the profile info every time regardless of which child state I am on. It doesn't seem to work.</p>
  
  <p>Example:</p>
  
  <pre><code>.state('app.profile', {
      abstract: true,
      url: 'user/:username',
      views: {
          content: {
              templateUrl: 'views/frontend/profile.html',
              controller: 'ProfileCtrl',
              resolve: {
                  data: ['$stateParams', 'ProfileService', function ($stateParams, ProfileService) {
                      var username = $stateParams.username;
                      return ProfileService.getProfile(username);
                  }]
              }
          }
      }
  })
  .state('app.profile.something', {
      url: '',
      views: {
          profile: {
              templateUrl: 'views/frontend/profile.something.html',
              controller: 'ProfileCtrl',
              resolve: {
                  data: ['$stateParams', 'ProfileService', function ($stateParams, ProfileService) {
                      var username = $stateParams.username;
                      return ProfileService.getProfileSomething(username);
                  }]
              }
          }
      }
  })
  </code></pre>