Question

我按照此链接关注示例代码：

http://angular-ui.github.io/bootstrap/versioned-docs/1.3.3/#/modal

这里的plunker样本：

http://plnkr.co/edit/JMV4Hu2x9l9DA9gaGYaF?p=preview

我尝试使用customModal.html定义自定义模板windowTemplateUrl以向模式框添加关闭按钮（右上角），但模态对话框无法正常显示，我只看到黑暗背景和模态是有点暗淡的。此外，按钮没有响应。

感谢有人可以帮我定义这样的自定义模板，以允许对所有类似的模态对话框使用关闭按钮。

更新：我想解释为什么这不是this question as suggested的可能副本。另一个问题是处理“当我们仅指定模板时打开对话框时为什么会出现错误”。在这个问题中，即使我按照指令实现它，模板也显示不正确。

塔雷克

Answer 1

在脚本模板中添加

<div class="modal-header">
<button type="button" class="close" data-dismiss="dialog" data-ng-
click="cancel($event)">
    <span aria-hidden="true">&times;</span>
    <span class="sr-only">Close</span>
 </button>
 <h4>Title</h4>
 </div>

向Angular UI引导模式窗口模板

1 个答案: