我正在尝试从这里实现引导模式指令:DOCUMENTATION但由于某种原因我无法让它工作。
当我单击调用该函数的按钮时,它会在较暗的背景上显示一条线,如您所见 here 。但是您可以看到开发人员工具中加载的模板,check the gif .
你可以查看我的gist with the files .
欢迎任何建议。
最佳答案
问题出在这两个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">×</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">×</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">
谁不让看到其余内容。
关于javascript - 嵌套 View 上的 Angular 引导模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45223902/