bouton Ajouter proche de l'interface utilisateur angulaire bootstrap modèle de fenêtre modale

Question

Je suivais l'exemple de code selon ce lien:

http://angular-ui.github.io/bootstrap/versioned-docs/1.3.3/#/modal

L'échantillon plunker ici:

http://plnkr.co/edit/JMV4Hu2x9l9DA9gaGYaF?p=preview

J'ai essayé de définir un modèle personnalisé customModal.html en utilisant windowTemplateUrl pour ajouter un bouton de fermeture (en haut à droite) à la boîte modale, mais la boîte de dialogue modale ne s'affiche pas correctement et je ne vois que fond sombre et le modal est aimablement atténué. De plus, les boutons ne répondent pas. Appréciez si quelqu'un pourrait m'aider à définir un tel modèle personnalisé pour permettre l'utilisation du bouton de fermeture pour toutes les boîtes de dialogue modales similaires.

---

Mise à jour: Je veux expliquer pourquoi ce n'est pas un doublon possible de this question as suggested. L'autre question porte sur "Pourquoi nous obtenons une erreur lorsque nous ouvrons la boîte de dialogue lorsque nous spécifions uniquement le modèle". Dans cette question, le modèle ne s'affiche pas correctement même si j'ai suivi les instructions pour l'implémenter.

Tarek

Answer 1

dans votre modèle de script ajouter

<div class="modal-header"> 
<button type="button" class="close" data-dismiss="dialog" data-ng- 
click="cancel($event)"> 
    <span aria-hidden="true">&times;</span> 
    <span class="sr-only">Close</span> 
</button> 
<h4>Title</h4> 
</div>