carouselExampleIndicators 角度 4 中的错误答案

【问题标题】：carouselExampleIndicators Error in angular 4carouselExampleIndicators 角度 4 中的错误
【发布时间】：2019-01-28 18:05:14
【问题描述】：

我使用以下代码在我的页面中创建了轮播

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img class="d-block w-100" src="https://d1.awsstatic.com/webteam/homepage/heroes/videos/Site-Merch_reInvent-Keynote_Hero-Video-Poster.00baa02675e98818eec00a087f6ea87aecedfada.jpg"
                alt="first slide">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="https://d1.awsstatic.com/webteam/homepage/heroes/overlay-art/Site-Merch_PAC-SageMaker_Hero-Art.8aef321eaf4ab9bd490ff66a1cd8981b889373d0.png"
                alt="Second slide">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="https://d1.awsstatic.com/webteam/homepage/heroes/overlay-art/Site-Merch_What-is-AWS_Hero-Art.d92a5ae5daf0c0735f49b06814bee7a07742ba20.png"
                alt="Third slide">
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

通过使用以下Link。但是在页面中显示图像但不是scrolling auto，如果尝试单击箭头，则会在控制台中显示错误

ERROR 错误：未捕获（在承诺中）：错误：无法匹配任何路由。 URL 段：'carouselExampleIndicators' 错误：无法匹配任何路由。 URL 段：'carouselExampleIndicators'

我检查了bootstrap version，即v4

我不知道代码是怎么回事。谁能告诉我它导致错误的原因

【问题讨论】：

标签： angular bootstrap-4 carousel

【解决方案1】：

你的问题是你使用的功能不能在 Angular 中使用，引导程序有自己的 angular-way 库，这里是你的轮播here

与此相同，angular 看到类似 #carouselExampleIndicators ang 的内容认为这是您需要使用的路线，因此出现错误。所以我的建议是使用为 Angular 编写的引导组件，反之亦然。

【讨论】：