При получении заголовка контроллера не определена ошибка в угловом контроллере

Question

Я получаю заголовок контроллера не определена ошибка. У меня есть ссылка на этот файл controller.js в Index.html и есть ли что-то, что мне не хватает

Controller.js

(function () {
    'use strict';
    angular
        .module('myApp')
        .controller('headerController', headerController);

    headerController.$inject = ['$scope', '$http' ,'$rootScope'];
    function headerController($scope, $http) {
        var vm = this;
    }

})();

app.js

(function () {

    var myapp = angular.module('myApp', ["ui.router"]);

    myapp.config(function ($stateProvider, $locationProvider, $urlRouterProvider) {

        // For any unmatched url, send to /route1
        $urlRouterProvider.otherwise("/route1")

        $stateProvider
          .state('route1', {
              url: "/route1",
              templateUrl: "SOC/Views/route1.html",
              controller: "route1ctrl"
          })
          .state('route2', {
              url: "/route2",
              templateUrl: "SOC/Views/route2.html",
              controller: "route2ctrl"
          })

        $locationProvider.html5Mode({
            enabled: true,
            requireBase: false
        });
    });


})();

Index.html

  <script src="app.js"></script>
    <script src="SOC/Directives/Header/controller.js"></script>

Я пробовал даже этот код ниже, он не работает

angular
    .module('myApp', [])
    .controller('headerController', headerController);

Answer 1

Вы перезаписываете зависимость углового модуля, предоставляя пустой массив

angular
    .module('myApp', [])
    .controller('headerController', headerController);

Удалить массив из модуля ('myApp)

angular
.module('myApp')
    .controller('headerController', headerController);

Controller.js

(function () {
    'use strict';
    function headerController($scope, $http) {
        var vm = this;
    }
    headerController.$inject = ['$scope', '$http' ,'$rootScope'];

    angular
        .module('myApp')
        .controller('headerController', headerController);
})();

Подробнее о $ inject в angularjs - https://docs.angularjs.org/guide/di