角度自举模式嵌套视图

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">是谁，别让看到的内容的其余部分。