Which way is prettier? (Or "better", if not prettier)

my_ctrl.constants.js

// describe the constants as angular constants, namespaced to the controller that uses them
(function(angular, undefined) {
  angular.module('myapp').constant('MyCtrl.API_ENDPOINT', 'https://myserver.com/data.json')
})(angular)

my_ctrl.controller.js

// define the controller and inject the relevant constants for that controller
(function(angular, undefined) {
  angular.module('myapp').controller('MyCtrl', MyCtrl)
  
  MyCtrl.$inject = ['MyCtrl.API_ENDPOINT', '$http']
  
  function MyCtrl(API_ENDPOINT, $http) {
    var vm = this
    vm.doTheThing = doTheThing
    
    function doTheThing() {
      return $http.get(API_ENDPOINT)
    }
  }
})(angular)

my_ctrl.js

// define the constants as regular variables inside the controller that uses them
(function(angular, undefined) {
  angular.module('myapp').controller('MyCtrl', MyCtrl)
  
  var API_ENDPOINT = 'https://myserver.com/data.json'
  
  MyCtrl.$inject = ['$http']
  
  function MyCtrl($http) {
    var vm = this
    vm.doTheThing = doTheThing
    
    function doTheThing() {
      return $http.get(API_ENDPOINT)
    }
  }
})(angular)