too-many-directives.js

angular.module('MyModule')
  .directive('myOverlayButton', function () {
    return {
      restrict: 'A',
      template: '<div ng-click="handleButtonClicked()" />',
    };
  })
  .directive('myOverlayBackground', function () {
    return {
      restrict: 'A',
      template: '<div ng-show="isOverlayShowing" />',
    };
  })
  .directive('myOverlayContent', function () {
    return {
      restrict: 'A',
      template: '<div ng-show="isOverlayShowing" />',
    };
  });