SOURCE

(function() {
  angular.module('app', []);
  /**
   * @ngdoc directive
   * @name app.directive:dialogCancelButton
   * @description
   * 弹出框底部的取消按钮
   * @restrict E
   * @param {function} cancel 点击时按钮时执行的函数
   * * @param {string} text 按钮文本，默认为'取消'
   */

  'use strict ';

  angular.module('app ')
    .directive('dialogCancelButton ', dialogCancelButton);

  function dialogCancelButton() {
    return {
      restrict: 'EA ',
      template: template,
      scope: {
        cancel: ' & '
      }
    };

    function template(element, attr) {
      var text = attr.text || '取消';
      return ' < button ng - click = "cancel()"class = "btn btn-default cancel" > ' + text + ' < /button>'
    }

  }
})();

<div ng-app="app">
  <dialog-cancel-button>
  </dialog-cancel-button>
</div>