相关疑难解决方法(0)

通常我们用data-target="#myModal"它<button>来打开一个模态.现在我需要使用代码来控制何时打开模态.

如果我使用[hidden]或*ngIf显示它,我需要删除class="modal fade",否则,模态永远不会显示.像这样:

<div [hidden]="hideModal" id="myModal">

但是,在这种情况下,移除后class="modal fade",模态不会淡入并且背景中没有阴影.更糟糕的是,它将显示在屏幕底部而不是屏幕中心.

有没有办法保持class="modal fade"和使用代码打开它？

<button type="button" data-toggle="modal" data-target="#myModal">Open Modal</button>

<div id="myModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
    </div>
  </div>
</div>