angular2 wie bootstrap4 beta2 modelpopup zu öffnen

Question

bitte helfen Sie mir, wie ich Bootstrap4 Beta2 Modell Popup mit Angular2 Code Popup. Here i wana nicht Jquery Code Dies ist ein Code zu verwenden, um von i kopieren getbootstrap.com

<div class="modal" tabindex="-1" role="dialog"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <h5 class="modal-title">Modal title</h5> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
         <span aria-hidden="true">&times;</span> 
        </button> 
       </div> 
       <div class="modal-body"> 
        <p>Modal body text goes here.</p> 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-primary">Save changes</button> 
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

Sie können nur die vorhandenen Methoden wie Show verwenden und

<div class="modal fade" bsModal #staticModal="bs-modal" [config]="{backdrop: true}" 
     tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 
     <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <h4 class="modal-title pull-left">Static modal</h4> 
      <button type="button" class="close pull-right" aria-label="Close" (click)="staticModal.hide()"> 
       <span aria-hidden="true">&times;</span> 
      </button> 
      </div> 
      <div class="modal-body"> 
      This is static modal, backdrop click will not close it. 
      Click <b>&times;</b> to close modal. 
      </div> 
     </div> 
     </div> 
    </div> 

DEMO

verstecken