0

集成Angular 6.0+ 日历到学校项目(我是 Web 开发初学者),所有其他功能都在工作,但是当打开模式时,只有模式背景会激活。尝试ngb-modal-backdrop在浏览器中禁用 CSS,但模式仍然没有显示。

这是检查页面的屏幕截图,在我打开模式并且只显示背景之后。 这是检查页面的屏幕截图,在我打开模式并且只显示背景之后。

据我了解,这可能是一个 Bootstrap 错误,但我不确定。那么也许一些自定义 CSS 会修复它?

我没有更改原始项目的任何代码,但这是负责calendar.component.html文件中的模式的部分:

<ng-template #modalContent let-close="close">
  <div class="modal-header">
    <h5 class="modal-title">Event action occurred</h5>
    <button type="button" class="close" (click)="close()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <div>
      Action:
      <pre>{{ modalData?.action }}</pre>
    </div>
    <div>
      Event:
      <pre>{{ modalData?.event | json }}</pre>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-outline-secondary" (click)="close()">
      OK
    </button>
  </div>
</ng-template>
4

0 回答 0