Angular Module style 2

app.js

'use strict';
 
angular.module('myApp', [
  'widget.bye',
  'widget.hello'
]);

bye.js

(function (angular) {
  angular.module('widget.bye', [])
    .directive('bye', function () {
      return {
        template: '<div></div>',
        restrict: 'E',
        link: function postLink(scope, element) {
          element.text('this is the bye directive');
        }
      };
    });
}(window.angular));

hello.js

(function (angular) {
  angular.module('widget.hello', [])
    .directive('hello', function () {
      return {
        template: '<div></div>',
        restrict: 'E',
        link: function postLink(scope, element) {
          element.text('this is the hello directive');
        }
      };
    });
}(window.angular));