如何在ngb标签（Angular 7 + ngBootstrap）中预加载图像？

Question

用户移动到另一个ngb-tab后，我的ngb-tabset中的图像将被加载。实际上，它看起来像是这样：单击后，您会看到100ms的背景，然后出现图像（填充和边距等样式也会出现移动）。

我没有尝试任何预加载图像的“ css”技术，因为一些评论表明它们与Angular不兼容。

我试图将div的高度设置为固定的高度（以使元素不会闪烁），但这仍然不是我期望的。

    <ngb-tab>
    <ng-template ngbTabTitle><span class="tab-title" translate>home.step-one-header</span></ng-template>
        <ng-template ngbTabContent>
          <div class="col pb-5 pt-0 my-1 bg-white">
            <h1 class="shady">#1</h1>
            <div class="icon-box">
              <img src="../../assets/home/storage.png" class="p-4 icon">
            </div>
            <br>
            <div class="description-box" translate>
              home.step-one-description
            </div>
            <br>
          </div>
        </ng-template>
      </ngb-tab>

我希望在加载应用程序时加载图像。当用户在ngb-tabset中移动时，我想避免闪烁和图像加载。