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

あなたはそれを直接実装したり、角度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); 
    } 
    }; 
});