引导模式:html页面中的内容不会显示在模式中
我已经创建了一个按钮,当你点击它时,会出现一个模式。 代码如下:引导模式:html页面中的内容不会显示在模式中,html,angularjs,angular-ui-bootstrap,bootstrap-modal,angularjs-ng-click,Html,Angularjs,Angular Ui Bootstrap,Bootstrap Modal,Angularjs Ng Click,我已经创建了一个按钮,当你点击它时,会出现一个模式。 代码如下: <li style="float: right;"> <button id="myBtn" data-target="#myModal" ng-click="printDivModal('rollup-tab')">Modal Test</button> </li> 以下是模型的代码(stackedModal.html): &时代; 模态头 模态中的文本 接近 当我点
<li style="float: right;">
<button id="myBtn" data-target="#myModal" ng-click="printDivModal('rollup-tab')">Modal Test</button>
</li>
以下是模型的代码(stackedModal.html):
&时代;
模态头
模态中的文本
接近
当我点击ModelTest按钮时,我看到的只是屏幕上显示的一个小的白色矩形。stackedModal html页面中不会显示任何内容。为什么会这样?谢谢。只需删除modal wrappers div,就可以了。 您只需放置模态内容: stackedModal.html:
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">The Modal Header</h4>
</div>
<div class="modal-body">
<p>Text inside the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">The Modal Header</h4>
</div>
<div class="modal-body">
<p>Text inside the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
&时代;
模态头
模态中的文本
接近
您是否在控制台中收到“打开弹出窗口”的消息?@StefanVilbrandt Yes I使用javascript模型打开时也不需要dodata target属性。
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">The Modal Header</h4>
</div>
<div class="modal-body">
<p>Text inside the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>