Utwórz alert potwierdzenia dla przycisku usuwania w Angular przy użyciu JS

Question

Mam formularz, który ma przycisk usuwania, chciałbym utworzyć okno potwierdzenia, które pojawia się po kliknięciu przycisku usuwania. Przycisk usuwania działa obecnie. Próbowałem kilku rzeczy w javascript bez powodzenia. Używam Angular.

Czy to najlepsze podejście?

Ponadto, czy ktoś wie o jakichkolwiek przykładach tego, nie znalazłem żadnej z tych prac.

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

Answer 1

ten sposób jesteśmy obsługi naszego 'okna dialogowe potwierdzenia' (używając bootstrap)

znaczników

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

ustawień modelu false od obciążenia regulatora ukryć domyślnie z ng-show

$scope.displayLocationDeletePopup = false; 

Po kliknięciu zdarzenia w celu wyświetlenia okienka wyskakującego wywołanie funkcji/pa enki model

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

w kontrolerze:

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

I za kotwic w HTML powyżej, może albo zamknąć okienko lub uruchomić funkcję

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

Answer 2

Here jest inny podejść do tego. Zasadniczo jest to dyrektywa, która otrzymuje ciąg ostrzeżenia, który chcesz pokazać, oraz funkcję, która ma zostać wywołana, jeśli użytkownik ją zaakceptuje. Przykład użycia:

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

Answer 3

Wygląda na to, że dyrektywa AngularJS jest nieco przesadzona, jeśli chodzi o rozwiązanie tego problemu. Łatwiej jest po prostu użyć prostego javascriptu, chyba że potrzebujesz jakiejś niestandardowej funkcji do funkcji "confirm()".

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

Nadzieja to pomaga, okrzyki

UPDATE: Właściwie z kątowa, byłoby lepiej jest użyć $ window.confirm co pozwoliłoby na przetestowanie z 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

Place Usuń opcję na prawej stronie każdego rekordu i kliknąć opcję Usuń rekord powinien dostać usunięty ze szczegółami i JSON tablicy.