如何在选项卡未激活的情况下使模式在选项卡中可见

Question

我使用ngx引导选项卡集，但我认为这适用于所有引导选项卡。

<tabset>
<tab class='active'>
<angular-modal-component> </angular-modal-component>
</tab>
<tab>
<modal2> </modal2>
</tab>
</tabset>

<angular-modal-component>模式与display: block;模式一样适用于活动选项卡。但是，<modal2>模式并非如此。背景显示，但模态本身不可见，因为display: none已就位，选项卡是而不是active。有没有一种方法可以在不将<modal2>移出选项卡的情况下解决这个问题？

基本上，我想问的是"有没有一种方法可以在显示的内容中显示模态：没有？"？如果我明显地改变了这一点，我也看到了选项卡的内容，所以这是不可接受的。

Answer 1

您应该为这个问题制定一个变通方法，但解决方案是：

.tab-content > .tab-pane.active {
visibility: visible;
}
.tab-content>.tab-pane {
display: block;
visibility: hidden;
}
.modal2-clasas {
visibility: visible;
}