ngx-spinner不能适应页面变大的情况

Question

问题是我的微调器最初会覆盖整个页面BUT，然后，我正在显示新的面板（页面越来越大），而微调器没有调整。

例如，页面的高度约为500像素，然后变为1100像素。当我调用新的http请求时，我的微调框仍然仅覆盖前500px。它不会调整。

我正在使用加载程序组件<app-loader><app-loader>：

<ngx-spinner
  bdColor="rgba(51,51,51,0.5)"
  size="medium"
  color="#fff"
  type="ball-atom"
  fullScreen= "true"
  class="myspinner">
</ngx-spinner> 

在我的app.component.ts内部：

<div class="container" #mycontainer>

  <!-- loading spinner -->
  <app-loader></app-loader>

  <div nz-row nzType="flex" nzJustify="center">
    <div nz-col nzSpan="23">
      <router-outlet></router-outlet>
    </div>
  </div>

</div>

css loader.component.scss是：

.myspiner ::ng-deep .black-overlay{
  position: fixed !important;
}

你们有什么想法吗？

我已经检查了此stackblitz 。BUT在这里，当加载程序被触发时，页面已经很长了，并且滚动。如果长滚动页面已经在此处，则触发微调器也对我有用。

Answer 1

将[email protected]与角度6一起使用