Angular 我的主页上的引导转盘没有按预期工作

我试图建立一个图像转盘使用引导4。然而，图像并没有按它应该的方式滑动。用于更改幻灯片的光标不工作。当您尝试转到下一张幻灯片时，幻灯片会重复图像

这是该项目的链接 看到这种奇怪的行为

这是我写的代码

 <div class="col-md-8 hide">
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img class="d-block w-100" src="assets/sliders/award-alaba.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
          <img class="d-block w-100" src="assets/sliders/5.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
          <img class="d-block w-100" src="assets/sliders/1.jpg" alt="Third slide">
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>

---

我发现一个奇怪的行为正在测试你的网站

在chrome中打开开发工具（Ctrl+Shift+I）并在源代码面板的div中搜索 按鼠标右键并选择“编辑html”，然后复制所有内容（ctrl-A、ctrl-C）

好的。。现在清除内容（ctrl-A+suppr）并跳过您的内容…（我知道“您粘贴了您复制的内容”），这仍然不起作用

。。。现在再次编辑html这个div，清除内容（ctrl-A+suppr），但这次将内容粘贴到下面（工作代码）。。。正如预期的那样

但是，它是相同的代码，只是它是在记事本中复制的

在复制/粘贴后，源代码中可能存在一个特殊字符

工作代码

光标无法更改幻灯片，但我不理解您的问题，因为您是说图像不会按应有的方式滑动。你能说得更具体些吗？@nideba更改幻灯片的光标不起作用。当您尝试在单击下一张幻灯片时，幻灯片会重复图像indicator@lamlimo你有没有试着从引导程序中复制代码，然后在那里粘贴，只是为了测试它是否一切正常？@nideba我做到了！还是没有workk@lamlimo您是如何安装引导程序的？

<div _ngcontent-wfo-c3="" class="carousel-inner">

    <div _ngcontent-wfo-c3="" class="carousel-item active">
       <img _ngcontent-wfo-c3="" alt="First slide" class="d-block w-100" src="assets/sliders/1.jpg">
    </div>

    <div _ngcontent-wfo-c3="" class="carousel-item">
       <img _ngcontent-wfo-c3="" alt="Second slide" class="d-block w-100" src="assets/sliders/2.jpg">
    </div>

    <div _ngcontent-wfo-c3="" class="carousel-item">
       <img _ngcontent-wfo-c3="" alt="Third slide" class="d-block w-100" src="assets/sliders/award-alaba.jpg">
    </div>

    <div _ngcontent-wfo-c3="" class="carousel-item">
       <img _ngcontent-wfo-c3="" alt="Third slide" class="d-block w-100" src="assets/sliders/5.jpg">
    </div>

</div>