集成mattlewis92 Angular 6.0+日历时,仅显示ngb-modal-backdrop,模式不起作用

时间:2019-04-08 15:25:16

标签: angular bootstrap-modal ng-bootstrap ng-template angular-calendar

已将https://mattlewis92.github.io/angular-calendar/集成到学校项目(我是网络开发的初学者),所有其他功能都可以使用,但是在打开模式时,仅激活模式背景。尝试在浏览器中禁用ngb-modal-backdrop CSS,但是模式仍然没有显示。

Here is a screenshot of inspecting the page, after I have opened the modal and only the backdrop is showing.

据我了解,这可能是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>

0 个答案:

没有答案