Angular Directive Boilerplate

angular-directive.js

(function() {
  'use strict';

  angular
    .module('', [])
    .directive('xxDirectiveName', xxDirectiveName)
    .controller('DirectiveNameController', DirectiveNameController);

  xxDirectiveName.$inject = [];

  function xxDirectiveName(argument) {
    return {
      restrict: 'EA',
      scope: {},
      controller: 'DirectiveNameController',
      controllerAs: 'vm',
      bindToController: {
        name: '='
      }
      templateUrl: 'templatePath.html',
      link: function($scope) {}
    };
  }

  function DirectiveNameController(argument) {
    const vm = this;

    activate();

    function activate() {
      // body...
    }
  }
})();