Profile Component with Routing

profile.component.js

const Component = {
  template: `...`,
  bindings: {
    userData: '<'
  }
};
angular
  .module('App.pages.profile', [uiRouter, meServiceModule])
  .component('profile', Component)
  .config(($stateProvider, $urlRouterProvider) => {
    'ngInject';
    $stateProvider
      .state('profile', {
        url: '/profile',
        component: 'profile',
        resolve: {
          userData: meService => meService.fetchMe()
        }
      });
  });