ng-click模式或对话框确认

Question

如何在删除元素之前添加模态或确认对话框？

HTML

<a href="" class="btn btn-sm btn-outline-danger px-3" ng-click="removeClient(cliente)">Eliminar</a>

的js

$scope.removeClient = function(id) {
    $scope.clientesPotenciales.$remove(id);
};

Answer 1

没有内置的角度模态。但是Bootstrap CSS框架有一个模态实现。

http://getbootstrap.com/docs/3.3/javascript/#modals

您可以直接实现它，也可以使用Angular UI中的ui-bootstrap库。

https://angular-ui.github.io/bootstrap/

对于非引导替代方案......

http://likeastore.github.io/ngDialog/#

Answer 2

最简单的方法，但您牺牲了良好的用户界面，否则请转到angular-material或ui-bootstrap模态窗口进行确认！

JSFiddle Demo

<强> JS：

var app = angular.module('myApp', []);

app.controller('MyController', function MyController($scope) {
  $scope.removeClient = function(id) {
    if (confirm('Are you sure you want to delete this?')) {
         $scope.clientesPotenciales.$remove(id);
    }  
  };
});