hinzufügen Schließen-Schaltfläche zu Angular UI Bootstrap-modalen Fenster Vorlage

Question

Ich bin nach dem Beispielcode gemäß diesem Link:

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

Die Plunker Probe hier:

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

Ich habe versucht, Definieren Sie eine benutzerdefinierte Vorlage customModal.html mit windowTemplateUrl, um eine Schließen-Schaltfläche (oben rechts) zu der modalen Box hinzuzufügen, aber der modale Dialog wird nicht ordnungsgemäß angezeigt und ich sehe nur dunklen Hintergrund und das Modal ist freundlich gedimmt. Außerdem reagieren die Tasten nicht.

Schätzen Sie, wenn jemand mir helfen könnte, solche benutzerdefinierte Vorlage zu definieren, um die Verwendung der Schließen-Schaltfläche für alle ähnlichen modalen Dialogfelder zu ermöglichen.

---

Update: ich erklären möchte, warum dies nicht möglich Duplikat this question as suggested ist. Die andere Frage beschäftigt sich mit "Warum erhalten wir Fehler, wenn wir den Dialog öffnen, wenn wir nur die Vorlage angeben". In dieser Frage zeige ich die Vorlage nicht korrekt an, obwohl ich die Anweisung befolgte, um sie zu implementieren.

Tarek

Answer 1

in Ihrer Skriptvorlage

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