javascript - mensaje - Cree una alerta de confirmación para el botón de eliminación en Angular usando JS

mensaje de alerta en html

Question

Tengo un formulario que tiene un botón de eliminar, me gustaría crear un cuadro de confirmación que aparece cuando se hace clic en el botón de eliminar. El botón Eliminar actualmente funciona. He intentado varias cosas en javascript sin suerte. Estoy usando Angular.

¿Es este el mejor enfoque para esto?

Además, ¿alguien sabe de algún ejemplo para esto? No he encontrado ninguno que funcione.

$(document).ready(function(){
  $("form").validate();
  $(".radius small success button").ConfirmDialog(''Are you sure?'');
});

Answer 1

Así es como manejamos nuestros ''diálogos de confirmación'' (usando bootstrap)

El marcado

<div class="alert alert-block alert-error notification fade in" data-ng-show="displayLocationDeletePopup">
    <h6>Are you sure you want to delete this location?</h6>
    <div class="form-controls-alert">
        <a href="" class="btn" data-ng-click="showDeleteLocationPopup(false)">No</a>
        <a href="" class="btn btn-danger" data-ng-click="deleteVendorLocation(locationId)">Yes</a>
    </div>
</div><!-- end alert -->    

Establecer el modelo en falso en la carga del controlador para ocultar de forma predeterminada con ng-show

$scope.displayLocationDeletePopup = false;

Al hacer clic en el evento para mostrar una ventana emergente, llama a una función / pasa el modelo en

<i class="icon-remove" data-ng-click="showDeleteLocationPopup(true, location)"></i>

En el controlador:

$scope.showDeleteLocationPopup = function(options, id) {
    if (options === true) {
        $scope.displayLocationDeletePopup = true;
    } else {
        $scope.displayLocationDeletePopup = false;
    }
    $scope.locationId = id;
};

Y según los anclajes en el html anterior, puede cerrar la ventana emergente o ejecutar la función

$scope.deleteVendorLocation = function (storeLocation) {
   // Code to run on confirmation            
};

Answer 2

Coloque la opción Eliminar en el lado derecho de cada registro y al hacer clic en la opción Eliminar, el registro debería eliminarse de los detalles y la matriz JSON.

Answer 3

Parece que una directiva AngularJS es un poco exagerada para una solución a esto. Parece más fácil simplemente usar javascript directo a menos que necesite alguna funcionalidad personalizada para su función "confirmar ()".

if (confirm(''Are you sure you want to delete this?'')) {
     // TODO:  Do something here if the answer is "Ok".
}

Espero que esto ayude, saludos.

ACTUALIZACIÓN : En realidad, con Angular, sería mejor usar $ window.confirmar ya que esto le permitiría probar con Karma / Jasmine.

Answer 4

Here otro enfoque en esto. Básicamente, es una directiva que recibe la cadena de advertencia que desea mostrar y la función a la que debe llamar si el usuario acepta. Ejemplo de uso:

<button type="button" ng-really-message="Are you sure?"
ng-really-click="delete()">Delete</button>

Answer 5

var r = confirm("Are you sure you want to Permanently delete this order?");
if (r == true) {
    (OK button click) Write the function here.....
} else {
    (Cancle button click) Write the function here.....
}