我使用了带角度通用的 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>
任何帮助都感激不尽。