How to separate controllers in different files for angularjs?

Question

I have a globale routes controller and want to create an additional controller for each page template.

It's done as follows:

var app = angular.module('myapp', ['ngSanitize', 'ngRoute']);

app.config(function($routeProvider){
    $routeProvider
        .when("/test", {
            templateUrl:    "./templates/test.html",
            controller:     "testController"
        })
});

app.controller('test', function() {
    //...
});

Question: how can I move the controller to it's own testController.js file? I tried it, but then the controller does not work anymore.

Which steps do I have to take if I extract the controller in its own file?

How can I get access to var app module variable from within testController.js?
Do I necessairly have to include each controller as new <script src="js/testController.js"></script> tag entry in my html templates? That would be cumbersome, as I want to split my application into many controllers, and that would result in many many imports.

You can use RequireJS to include other files, maybe this blog will help: http://www.sitepoint.com/using-requirejs-angularjs-applications/ — TJHeuvel, Sep 14 '15 at 15:32
possible duplicate of [How to create separate AngularJS controller files?](http://stackoverflow.com/questions/20087627/how-to-create-separate-angularjs-controller-files) — Medet Tleukabiluly, Sep 14 '15 at 16:02

score 5 · Answer 1 · answered Sep 14 '15 at 15:31

5

You can access app by simply declaring it without dependencies:

var app = angular.module('myapp');
app.controller("testController", function() {

});

And yes, you need to include testController.js on every page that needs it.

answered Sep 14 '15 at 15:31

tymeJV

103,943
14
161
157

@MedetTleukabiluly -- Is there a part of the question I missed? – tymeJV Sep 14 '15 at 15:54
1

i mean the question is too easy, and the answer is also too easy – Medet Tleukabiluly Sep 14 '15 at 15:56
@MedetTleukabiluly -- So your reason for downvoting is because the question is "easy"? – tymeJV Sep 14 '15 at 15:57

How to separate controllers in different files for angularjs?

1 Answers1