AngularJS - how to add javascript dependency in Directives?

Question

I have created a directives and while I call that directives, I need to load my JS first. Is there anyway to inject Javascript directly into Directives of angularjs?

Here is the code.

directive.$inject = ['$rootScope', '$location', 'service', 'user'];

Please do needful.

Can you please give an tiny example? Because, if it is plain JS, you just copy it inside the directive's controller — Michael
– Michael, Commented Nov 13, 2014 at 9:10

Patrick · Accepted Answer · 2014-11-13 09:11:15Z

0

I dont think you can bundle a directive with js code (like web components), the js has to be included outside of the directive. You can however use angularjs dependency injection to inject the included angular services to your directive:

app.factory('myDependency', function() {
  var myDependencyInstance;
  return myDependencyInstance;
});

app.directive('directive', ['myDependency', function(myDependency) {
     return {
      restrict: 'E',
      templateUrl: 'my-customer.html'
    };
}])

But I guess its not what you want. You could bundle js into the directive's template, but then the js code would be duplicated every time you add the directive and this would propably only work with non angular js code.

answered Nov 13, 2014 at 9:11

Patrick

35.4k11 gold badges109 silver badges127 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - how to add javascript dependency in Directives?

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