How to add controller to Custom Directive

Question

I have a custom directive, and also I have a controller in a separate file. I know I can add a controller to this directive in this way

   .directive("languageFooter", function () {
        return {
            restrict: "E",
            templateUrl: "templates/footer.html",
            controller: ['$scope', function($scope) {..}
        };
    });

But I was wondering if it's possible to add a controller that I have in a separate file something like this

     .directive("languageFooter", function () {
        return {
            restrict: "E",
            templateUrl: "templates/footer.html",
            controller: "customController"
        };
    });

ofcourse you can add this way also.... All you have to do is load the controller file before the directive file... — binariedMe
– binariedMe, Commented Nov 19, 2015 at 5:28
Even second approach is more recommended, as you are not defining controller inline, thus it can be reused. — Kulbhushan Singh
– Kulbhushan Singh, Commented Nov 19, 2015 at 5:39
@Alex Can you tell how and from where does customController get called? As in where is it supposed to be stored? Like a function or does it need to be defined with app.controller(customController.... ? — JOSEPH Blessingh
– JOSEPH Blessingh, Commented Sep 8, 2021 at 15:30

binariedMe · Accepted Answer · 2015-11-19 05:49:37Z

1

You can ofcourse add controller this way. only thing is that you should load the controller js file before directive js file. Also as per Kulbhushan comment, the second approach is more in practice

answered Nov 19, 2015 at 5:49

binariedMe

4,3291 gold badge20 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

How to add controller to Custom Directive

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related