时间戳

首页 > 解决方案 > 关闭两个模态的函数 angular2+

angular - 关闭两个模态的函数 angular2+

问题描述

我有一个侧面模式，它打开一个带有两个选项的确认模式：是和否。

当用户单击“是”按钮时，我希望两个模态都关闭，但目前，我一次只能关闭一个，从最靠近前面的模态开始。

我没有焦点问题，而且我知道您不能连续两次进行数据关闭，所以有什么想法吗？我在想我需要一个接受两个 ID 的打字稿函数？

我正在使用 angular2+ 和 bootstrap，想避免使用 Jquery，并有一个打字稿解决方案或某种 modal.bs.hide？

要打开模态，我正在做

<td> <button data-toggle="modal" data-target="#myModal2" id="actionButton"><i 
id="arrowColor" class="fa fa-arrow-circle-o-right"></i>

从第一个模态，然后

<button data-toggle="modal" data-target="#approveModal" type="button" 
id="footerButton" class="btn btn-default"><i id="footerButtonColor" class="fa 
fa-check-circle-o"></i>Approve</button>

打开第二个模态。执行 modal-dismiss 会关闭第二个模态，但不会关闭第一个

标签： angularbootstrap-modal

解决方案

不需要 TS。在第二个模式弹出窗口中解决了这个问题：

 <button data-toggle="modal" data-target="#myModal2" data-dismiss="modal" type="button" id="footerButton" class="btn btn-default"><i id="footerButtonColor" class="fa fa-check-circle-o"></i>Yes, Approve Request</button>

推荐阅读