我有一个Bootstrap Modal的问题。我做了所有请求,但是当我点击按钮时不显示:
<a class="btn btn-outline-light" data-toggle="modal" data-target="#modalusername">
<i class="fas fa-pen text-white"></i></a>
我也试过按钮版
<button class="btn btn-outline-light" data-toggle="modal" data-target="#modalusername">
<i class="fas fa-pen text-white"></i></button>
这是模态部分
<div class="modal fade" id="modalusername" tabindex="-1" role="dialog">
<div class=" modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalusername">{{user.username | translate }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
</button>
</div>
<div class="modal-body">
<p>TEST</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
当我点击按钮时,他仍然被按下,因此切换效果有效但不显示。
有人有答案吗?
谢谢大家^^
使用指令和@hostLister来添加和删除激活弹出窗口的类......我不知道其他前端人员会如何看到它但我用CSS和复选框构建我的模态,实际上和我需要的东西切换,它工作超级精细,不需要指令和解决...我希望你从我的答案#cheers得到一些见解