实现模态黑色背景

Question

我刚刚在Angular-cli上添加了实现，我也想添加一个模态。弹出时，模态后面有一个奇怪的黑色背景。我检查了它，它来自“模态”类。

Here is how it looks:

这是模式HTML代码：

<div id="modal1" style="background-color: white">
  <div class="modal-content">
    <h4>Modal Header</h4>
      <p>A bunch of text</p>
  </div>
  <div class="modal-footer">
    <a class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
  </div>
</div>

在这里我添加了模式：

<div id="tab-modal" class="modal" materialize="modal"
 [materializeParams]="[{dismissible: false}]" [materializeActions]="modalActions">
 <app-order-dish [modalActions]="modalActions" ></app-order-dish>
</div>

告诉我要解决此问题的其他方法。谢谢！