Skip to content

Instantly share code, notes, and snippets.

@royto
Last active October 25, 2017 18:01
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save royto/dd448131ab13d9d31d9c to your computer and use it in GitHub Desktop.
Save royto/dd448131ab13d9d31d9c 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