0
votes

Angular2 - Bouton SweetAlert Custom Click ne fonctionne pas

Je crée un bouton personnalisé à l'intérieur d'un pied de page dans sweestalert2 comme ça. XXX

Le problème: la fonction withouTread n'a pas Appelez correctement, console.log ('Hello') ne montre pas Hello dans la console.

Alors: Qu'est-ce qui ne va pas dans ce code?


3 commentaires

Afaik (click) est la syntaxe angulaire et angulaire ne recompilie pas le code, il ne fonctionnera donc pas. Je ne sais pas si la fonction de JS OnClick fonctionnerait cependant.


Essayez de mettre le bouton dans la balise d'ancrage test


Vous pouvez vous référer ceci: Stackoverflow. com / questions / 39268318 / ...


4 Réponses :


0
votes

Votre méthode de clic dans la façon dont vous avez implémenté, il ne serait pas accessible depuis la méthode withouTread () existe en dehors de la portée de l'instance Sweetalert.

Mis à part le sweetalert Configurations disponibles pour capturer la saisie de l'utilisateur, vous pouvez inclure un tiers , bouton sur mesure et capturer le clic à l'aide de la délégation d'événement comme décrit ici


2 commentaires

Je veux ajouter un troisième bouton à Sweetalert2 Modal, de sorte que ce n'est pas que j'ai besoin.


Il serait possible d'utiliser la délégation d'événements. Je vais mettre à jour la réponse.



0
votes

essayez ceci xxx

ou xxx


0 commentaires

0
votes

Vous devez utiliser l'utilisateur surClick plutôt que (cliquez sur). Veuillez regarder le code de travail ci-dessous.

Swal.fire({
      icon: "question",
      showCancelButton: true,
      confirmButtonColor: "#1976d2",
      cancelButtonText: "No",
      confirmButtonText: "Sí",
      footer: "<button onclick='withoutread()' class='btn btn-info'>Test</button>"
})
 function withoutread() {
     alert('dd') 
 }


0 commentaires

0
votes

travail! xxx


0 commentaires