How to use directive that sits in a different module

angularjs angular-directive angular-module

iLemming · Jan 18, 2013 · Viewed 9.3k times · Source

angular.module('mod1', [])
  .directive('myDir', ($timeout) => {
    return {
      ///....
    }
  });

angular.module('myApp', ['mod1'])

<html ng-app="myApp">

<body>
  <my-dir valu='blablabla' />
</body>

</html>

So why this wouldn't work? and say Unknown provider: $compileProvider,

but if I move directive into myApp module it works

Answer

I think it should work fine as long as module dependency has been provided correctly !!