角度自舉模式嵌套視圖

Question

我試圖從這裏實現引導模態指令：DOCUMENTATION但由於某種原因，我不能使它的工作。

當我點擊調用函數的按鈕時，它會在較暗的背景上顯示一條線，如您所見here。但是，您可以在開發人員工具check the gif中看到加載的模板。

您可以查看我的gist with the files。

任何消化是值得歡迎的。

Answer 1

的問題是在這兩個div：

代碼

<div class="modal fade" role="dialog"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title">Login/Register</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Login Form</p> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-danger" type="button">Register</button> 
       <button class="btn btn-success" type="button">Login</button> 
      </div> 
     </div> 
    </div> 
</div> 

改成這樣

 <div class="modal-content"> 
      <div class="modal-header"> 
       <button class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title">Login/Register</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Login Form</p> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-danger" type="button">Register</button> 
       <button class="btn btn-success" type="button">Login</button> 
      </div> 
     </div> 

的<div class="modal fade">是誰，別讓看到的內容的其餘部分。