Ejemplo Bootstrap Confirm y Angular
Ejemplo de cómo utilizar la libreria https://github.com/mattlewis92/angular-bootstrap-confirm
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.2/ui-bootstrap-tpls.min.js"></script>
<script src="//mattlewis92.github.io/angular-bootstrap-confirm/dist/angular-bootstrap-confirm.min.js"></script>
<div class="container" ng-app="demo" ng-controller="DemoController as vm">
<button
class="btn btn-default"
mwl-confirm
title="{{ vm.title }}"
message="{{ vm.message }}"
confirm-text="{{ vm.confirmText }}"
cancel-text="{{ vm.cancelText }}"
placement="top"
on-confirm="vm.onConfirm()"
on-cancel="vm.onCancel()"
confirm-button-type="danger"
cancel-button-type="default"
animation="true"
>
Click Aqui
</button>
</div>
JavaScript
angular.module("demo", ['mwl.confirm', 'ui.bootstrap'])
.controller("DemoController", DemoController);
function DemoController() {
var vm = this;
vm.title = "titulo";
vm.message = "mensaje";
vm.confirmText = "Confirmar";
vm.cancelText = "Cancelar";
vm.onConfirm = function () {
alert('confirm');
}
vm.onCancel = function () {
alert('cancel');
}
}