Crea un avviso di conferma per il pulsante Elimina in Angolare utilizzando JS

Question

Ho un modulo con un pulsante di eliminazione, vorrei creare una finestra di conferma che si apre quando si fa clic sul pulsante Elimina. Il pulsante Elimina attualmente funziona. Ho provato diverse cose in javascript senza fortuna. Sto usando Angolare.

Questo è l'approccio migliore?

Inoltre, qualcuno sa di esempi per questo, non ho trovato alcun lavoro.

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

Answer 1

Questo è il modo in cui stiamo movimentazione nostri 'finestre di dialogo di conferma' (usando bootstrap)

Il Markup

<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 -->  

modello impostazione su false sul carico di controllo per nascondere di default con ng-show

$scope.displayLocationDeletePopup = false; 

Al clic su evento per popup di presentazione, chiama una funzione/pa SSES modello

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

Nel controllore:

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

E per le ancore nel codice HTML di cui sopra, può chiudere il popup o eseguire la funzione

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

Answer 2

s' Here un'altra approccio a questo. Fondamentalmente è una direttiva che riceve la stringa di avviso che si desidera mostrare e la funzione da chiamare se l'utente accetta. Esempio di utilizzo:

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

Answer 3

Sembra una direttiva AngularJS un po 'esagerata per una soluzione a questo. Sembra più facile usare il javascript dritto a meno che non si abbia bisogno di alcune funzionalità personalizzate per la funzione "confirm()".

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

Spero che questo aiuti, applausi

UPDATE: In realtà, con angolare, sarebbe meglio usare $ window.confirm in quanto ciò consentirebbe di testare con il Karma/Jasmine.

Answer 4

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..... 
} 

Answer 5

Luogo Elimina opzione sul lato destro di ogni record e cliccando l'opzione di eliminazione del record dovrebbe avere cancellato dai dettagli e di matrice JSON.