How to define controllers in multiple files - AngularJs

Question

I am trying to define controllers in separate files, but I\'m getting the error:

transactionsController not a function got undefined

Answer 1

You can do this stuff by creating modules. Create module and respective controllers. And inject that module to the main app module.

Transactions.js

(function() {
   'use strict';
   angular.module('tmodule', []);
})();

(function() {
   'use strict';
    angular.module('tmodule').controller('transactionsController', ['$scope', '$http', 
            function ($scope, $http){
    }]);

})();

Now inject the "tmodule" to your Common.js file-

  var app = angular.module("spModule", ["ngMessages", "ui.bootstrap","tmodule"]);