In my app, the main.js file is located in the root folder.
-app
|_ routes.js
|_ main.js
-components
|_directives
|_abc-directive.js
I am trying to figure out how to define a directive that can be accessed from a different folder.
This is what I attempted:
abc-directive.js:
var abcDirective = function() {
// directive code
}
main.js:
app.main = angular.module('main', ['ngRoute', 'components.directives']);
app.main.directive('abcDirective', "<I do not want to define the directive here,
instead load it from another folder>");