using resolve with components

app.js

angular.moudle('app', [])
.config($stateProvider => {
  $stateProvider
   .state('profile', {
     url: '/profile',
     template: '<profile-page profile="profile"></profile-page>',
     controller(profile, $scope){ // use 'function' if minifying
       $scope.profile = profile;
     },
     resolve: {
       profile: function(){
         return {};
       }
     }
   })
})
.directive('profilePage', () => {
  return {
    scope: {
      profile: '='
    },
    // .... rest of config
  }
})