Question

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

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

我没有焦点问题，而且我知道您不能连续两次进行数据删除，所以有什么想法吗？我在想我需要一个带两个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>

打开第二个模式。进行模态消除会关闭第二个模态，但不会关闭第一个模态

Answer 1

您可以通过执行以下操作来关闭模式：

在component.ts

中

declare var $: any;

$('#Idofthemodal').modal('hide');

不确定这是否是兼容的解决方案，但这只是一种解决方法

Answer 2

无需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>

关闭两个模态的函数angular2 +

2 个答案: