Bootstrap3 Modal auf Klickereignis ablehnen

Question

Ich habe ein angular2 Projekt und ich benutze Bootstrap3 Modal darin. Mein Modal enthält einige dynamische Daten. Wenn ich jetzt dieses Modal öffne und außerhalb des Modals klicke, wird das Modal abgewiesen. Und wenn das Modal wieder geöffnet wird, öffnet sich das Modal und ich kann meine Daten darin sehr gut sehen.

Aber wenn ich auf die Schließen-Schaltfläche auf modal, die hat (Data-ablehnen = modal), die modale get geschlossen und wenn ich dieses modal wieder öffnen, öffnet das Modal, aber es sind keine Daten vorhanden.

Also ich möchte eine Schließen-Taste auf modal, und die gleiche Funktionalität wie wenn ich auf modal klicken, die modale get entlassen, aber wenn ich wieder das modale öffnen, sollten meine Daten in diesem modalen vorliegen modal).

Bitte helfen Sie mir ...

<!-- Trigger the modal with a button --> 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<!-- Modal --> 
<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 

    </div> 
</div> 

Answer 1

Verwendung ? für sichere Navigation (Sobald Ihre Daten von API kommen, wird es auf Modell geladen).

exp. in HTML-Teil.

<p>{{user?.name}}</p>