Minification with Directives and anonymous AngularJS controllers

Question

I am using the 'ng-strict-di' directive in my application to protect against failing minification. But now I am getting an error on my directives.

Error: [$injector:strictdi] function($scope, element, attrs) is not using explicit annotation and cannot be invoked in strict mode

How do I explicitly add $scope as a dependency to the anonymous controller function? Here is my directive.

var myApp = angular.module("myApp",[]);
myApp.directive('myDirective', function(){
  return{
    restrict: 'A',
    template: '<h4> {{myController.msg}} </h4>',
    controller: function($scope, element, attrs){
      $scope.myController = this;
      this.msg = "Hello world";
    };
});

I tried:

var myApp = angular.module('myApp ', ['$scope'])

But I get this error: Error: [$injector:modulerr] Failed to instantiate module

tymeJV · Accepted Answer · 2015-07-24 16:02:12Z

2

You need minification safe syntax for the directive controller:

controller: ["$scope", "element", "attrs", function($scope, element, attrs){
  $scope.myController = this;
  this.msg = "Hello world";
}];

Based on those params tho, I'm guessing you wanted a link function (just a guess):

link: function($scope, element, attrs){
  $scope.myController = this;
  this.msg = "Hello world";
};

answered Jul 24, 2015 at 16:02

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

3 Comments

Estus Flask Over a year ago

The first part is ok. The choice of link should be a bit more valid than just its arguments. Also, this is undefined in link (irrespective of the fact that $scope.myController = this; is a use case for controllerAs and shouldn't be there at all).

duyn9uyen Over a year ago

Thanks! I think all need is controller: ["$scope", function ($scope, element, attrs)

tymeJV Over a year ago

@estus -- Yeah, it was an assumption based on the params passed into the controller func

Collectives™ on Stack Overflow

Minification with Directives and anonymous AngularJS controllers

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related