Padronização dos componentes com AngularJS

app.js

(function () {

    angular.module('app', [])
        .directive('botao', function () {
            return {
                restrict: 'E',
                replace: true,
                scope: {
                    label: '@',
                    tipo: '@',
                    acao: '&click'
                },
                controller: 'Controller as vm',
                templateUrl: function (elem, attrs) {
                    return 'componentes/botao-' + (attrs.tipo || 'padrao') + '.html';
                }
            }
        })
        .controller('Controller', function () {
            var vm = this;

            vm.alertar = function (label) {
                alert(label);
            }

            vm.autorizar  =function (acao) {
                if(confirm("Confirmar operação?")){
                    acao();
                }else{
                    vm.alertar('Operação salvar cancelada...');
                }
            }
        });
})();