ES6 Directives in Angular - Decorators

decorators.js

function Service(name) {
  return target => {
    target.__service = { name };
    return target;
  }
}

function Controller(name, stateOpts) {
  return target => {
    target.__controller = { name, stateOpts }; // stateOpts get passed to $stateProvider during registration.
    return target;
  }
}

function Directive(name) {
  return target => {
    target.__directive = { name };
    return target;
  }
}

function Inject(...dependencies) {
  return target => {
    target.$inject = dependencies;
    return target;
  }
}

// Example usage for services:
class MyService {
  constructor($http, $q) {
    // ...
  }
}

export default Inject('$http', '$q')(Service('myService')(MyService));

// Or, if you're adventurous:
@Service('myService')
@Inject('$http', '$q')
export default class MyService {
  constructor($http, $q) {
    // ...
  }
}