Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save OlivierPerceboisGarve/6facb2027549c6fbf5704adf2438ced6 to your computer and use it in GitHub Desktop.
Save OlivierPerceboisGarve/6facb2027549c6fbf5704adf2438ced6 to your computer and use it in GitHub Desktop.
Example of Angular Directive as ES6 class with injection
class myDirective {
constructor(userService) {
this.template = `<div>{{fullName}}</div>`;
this.restrict = 'E';
this.scope = {
user: '='
};
this.link = function(scope, element) {
scope.fullName = userService.getFullName(scope.user);
};
}
}
angular.module('myApp').directive('myDirective', ['userService',
(userService) => new myDirective(userService)]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment