Créer une alerte de confirmation pour supprimer le bouton dans L'angle en utilisant JS
j'ai un formulaire qui a un bouton Supprimer, je voudrais créer une boîte de confirmation qui apparaît lorsque le bouton Supprimer est cliqué. Le bouton Supprimer fonctionne actuellement. J'ai essayé plusieurs choses en javascript sans succès. Je suis à l'aide Angulaire.
Est-ce la meilleure méthode pour cela?
En outre, Est-ce que quelqu'un connaît des exemples pour cela, je n'en ai pas trouvé qui fonctionnent.
$(document).ready(function(){
$("form").validate();
$(".radius small success button").ConfirmDialog('Are you sure?');
});
5 réponses
semble comme une directive AngularJS est un peu exagérée pour une solution à cela. Cela semble plus facile d'utiliser javascript directement sauf si vous avez besoin de fonctionnalités personnalisées pour votre fonction "confirm ()".
if (confirm('Are you sure you want to delete this?')) {
// TODO: Do something here if the answer is "Ok".
}
j'Espère que cette aide, les acclamations
UPDATE: en fait, avec Angular, il serait préférable d'utiliser $window.confirmez car cela vous permettrait de tester avec Karma/Jasmine.
Ici's une autre approche. Fondamentalement, c'est une directive qui reçoit la chaîne d'avertissement que vous voulez afficher, et la fonction à appeler si l'utilisateur accepte. Exemple d'utilisation:
<button type="button" ng-really-message="Are you sure?"
ng-really-click="delete()">Delete</button>
Voici comment nous gérons nos 'dialogues de confirmation' (en utilisant bootstrap)
La Balise
<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 -->
Paramétrage du model à false sur la charge du controller pour se cacher par défaut avec ng-show
$scope.displayLocationDeletePopup = false;
sur le clic sur l'événement pour afficher popup, appelle une fonction / passe le modèle dans
<i class="icon-remove" data-ng-click="showDeleteLocationPopup(true, location)"></i>
dans le contrôleur:
$scope.showDeleteLocationPopup = function(options, id) {
if (options === true) {
$scope.displayLocationDeletePopup = true;
} else {
$scope.displayLocationDeletePopup = false;
}
$scope.locationId = id;
};
et selon les ancres dans le html ci-dessus, peut fermer le popup ou exécuter la fonction
$scope.deleteVendorLocation = function (storeLocation) {
// Code to run on confirmation
};
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.....
}
placer L'option Supprimer sur le côté droit de chaque enregistrement et en cliquant sur l'option Supprimer l'enregistrement devrait être supprimé à partir des détails et du tableau JSON.