使用带有角度通用的 mdbootstrap 轮播时组件不加载

Question

我使用了带角度通用的 mdbootstrap 轮播。其余组件工作正常，但我在主屏幕上使用轮播时遇到问题。主页没有加载，但是当我访问不同的页面并再次调用主页时，页面会被加载。

我的主页组件 HTML 文件。

<section style="background-color: #00bfff">
  <div class="home">
    <mdb-carousel [isControls]="false" class="carousel slide carousel-fade" [animation]="'fade'">
      <mdb-slide>
        <div class="container-fluid">
          <div class="home-slider">
            <div></div>
            <div class="home-head">
              <p class="home-head-1">Get your personal career coach</p>
              <br>
              <button class="home-button">KNOW MORE</button>
            </div>
            <div>
              <img class="img-fluid home-img mx-auto d-block" src="/assets/images/slider/1.png" alt="boardinfinity" style="margin-bottom:25px;">
            </div>
          </div>
        </div>
      </mdb-slide>
      <mdb-slide>
        <div class="container-fluid">
          <div class="home-slider">
            <div></div>
            <div class="home-head">
              <p class="home-head-1">Get a career boost with great jobs.</p>
              <br>
              <button class="home-button">KNOW MORE</button>
            </div>
            <div>
              <img class="img-fluid home-img mx-auto d-block" src="/assets/images/slider/2.png" alt="boardinfinity" style="position: relative;top: 3px;">
            </div>
          </div>
        </div>
      </mdb-slide>
    </mdb-carousel>
  </div>
</section>

任何帮助将不胜感激。

Answer 1

请尝试将[interval]="0" 添加到您的<mdb-carousel> 元素中。这应该适合你。