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: sitepoint.com/using-requirejs-angularjs-applications — TJHeuvel
– TJHeuvel, Commented Sep 14, 2015 at 15:32
possible duplicate of How to create separate AngularJS controller files? — Medet Tleukabiluly
– Medet Tleukabiluly, Commented Sep 14, 2015 at 16:02

tymeJV · Accepted Answer · 2015-09-14 15:31:56Z

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, 2015 at 15:31

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

tymeJV Over a year ago

@MedetTleukabiluly -- Is there a part of the question I missed?

Medet Tleukabiluly Over a year ago

i mean the question is too easy, and the answer is also too easy

tymeJV Over a year ago

@MedetTleukabiluly -- So your reason for downvoting is because the question is "easy"?

Collectives™ on Stack Overflow

How to separate controllers in different files for angularjs?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related