AngularJS - Fermer la modale de la fonction ne fonctionne pas
J'ai fait une simple fenêtre pop-up en utilisant ui.bootstrap
mais je n'arrive pas à faire le OK et un bouton de fermeture pour travaux. Ce qui me manque dans cet exemple de codes?
Voici un exemple de code à partir de plunkr
Merci
**ajout de code exact de l'image
OriginalL'auteur Kenny Yap | 2014-10-09
Vous devez vous connecter pour publier un commentaire.
close
etdismiss
sont des méthodes de$modalInstance
objet renvoyé par$modal.open
:Un problème avec votre code, c'est que vous avez besoin de spécifier
scope: $scope
sur le mode config. Cela est nécessaire si vous voulez que le champ d'application à l'intérieur modal modèle à un enfant de l'un, où vous définissezok/cancel
méthodes.Fixe démo: http://plnkr.co/edit/Y5s4yPm1TZB8S9nfO5CA?p=preview
cela signifie que vous faites quelque chose de mal. Êtes-vous sûr que vous appelez
close
méthode de l'objet renvoyé par$modal.open()
?j'ai ajouté le code exact que j'ai maintenant dans l'image ci-dessus... suis-je manque encore quelque chose?
Oui, ajoutez également
scope: $scope
:$scope.$modalInstance = $modal.open({ scope: $scope, templateUrl: "modalContent.html", size: ''})
.SAINT DE LA MAGIE!!!!! il a travaillé... merci pour votre aide mon ami 🙂
OriginalL'auteur dfsq
J'ai mis à jour votre code avec une version de travail
http://plnkr.co/edit/iM5o0le3OioqxHBNF3d1?p=preview
Il y a quelques choses de mal avec votre code.
$modal est une usine, vous ne pouvez pas appeler $modal.close()
Vous auriez besoin de faire quelque chose comme:
Encore, même si vous avez cela dans votre contrôleur, votre modal point de vue n'ont pas accès à l'étendue.
La solution dans la fourche plunk que je propose est d'utiliser
OriginalL'auteur Martin
Il y a plusieurs façons comme expliqué avant, il dépend dans quel contexte vous avez besoin de l'utiliser.
Par exemple, si le modal est juste un avis, il n'y a pas besoin d'utiliser des fonctions pour les boutons OK ou ANNULER, en utilisant seulement $rejeter() ou $close() dans le ng-cliquez sur les boutons situés dans la modalContent.html le fichier sera suffisant.
Ici est aussi une mise à jour de plunker
http://plnkr.co/edit/OfCGJX?p=preview
OriginalL'auteur Alfredo Morales