Angular ES6 - $inject is not a function

Question

I just started to learn Angular ES6 way. I am analyzing this example from github: https://github.com/sitepoint-editors/Angular-ES6-BookShelf/blob/master/app/Controllers/HomeController.js

And I tried by myselfe:

class ModalCtrl {
    constructor($scope, $rootScope, app) {
        $rootScope.$on('openModal', (event, data) => {
            $scope.data = data;
            $scope.modalClass = 'open';
        });
    }
}

ModalCtrl.$inject(['$scope', '$rootScope', 'app']);

export default ModalCtrl;

But I get app.min.js:60 Uncaught TypeError: ModalCtrl.$inject is not a function What I am doing wrong and how to make this proper way?

But where? Befere constructor it does not make sense for me... — krzyhub
– krzyhub, Commented Aug 28, 2016 at 22:15

developer033 · Accepted Answer · 2016-08-28 22:19:02Z

6

As far I know you should use the $inject this way:

ModalCtrl.$inject = ['$scope', '$rootScope', 'app'];

answered Aug 28, 2016 at 22:19

developer033

25k8 gold badges85 silver badges113 bronze badges

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

1 Comment

krzyhub Over a year ago

This is it. Thank you, because I was searching everywhere around and I was blind for those parentheses.

Collectives™ on Stack Overflow

Angular ES6 - $inject is not a function

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related