Twitter bootstrap 角度2—引导转盘不工作

我正试图建造一个旋转木马。我已经尽可能精确地遵循了引导示例，但我没有得到一个旋转木马。图像水平显示，而不是在幻灯片中显示。这个代码有问题吗

<div class="container">
<div class="row">
    <div class="col-md-12">
        <div id="product-image" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#product-image" data-slide-to="0" class="active"></li>
                <li data-target="#product-image" data-slide-to="1"></li>
            </ol>

            <div class="carousel-inner" role="listbox">
                <div [ngClass]="{active: first}">
                    <img src="..\assets\img\{{product.images.productImage[0]}}">
                    <div class="carousel-caption">
                        <h2>{{product.make}}</h2>
                    </div>
                </div>

                <div [ngClass]="{active: first}">
                    <img src="..\assets\img\{{product.images.productImage[1]}}">
                    <div class="carousel-caption">
                        <h2>{{product.make}}</h2>
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#product-image" 
                role="button" data-slide="prev">
                    <span class="icon-prev" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
            </a>

            <a class="right carousel-control" href="#product-image" 
                role="button" data-slide="next">
                    <span class="icon-next" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
</div>

{{product.make}
{{product.make}

---

我在我的案例中发现了问题。这是引导版本问题。尝试使用不同的版本，其中一个已正确显示旋转木马。没有提到版本，因为我使用不同的方法构建旋转木马，而是发布了答案，因为问题是相同的-幻灯片显示为堆栈，在控制台或任何地方都没有错误。

我在我的案例中发现了问题。这是引导版本问题。尝试使用不同的版本，其中一个已正确显示旋转木马。没有提到版本，因为我使用不同的方法构建旋转木马，但发布了答案，因为问题是相同的-幻灯片显示为堆栈，在控制台或任何地方都没有错误。

您的应用程序中是否包含bootstrap.min.js和jquery？您能解决它吗？面临同样的问题。你的应用程序中包括bootstrap.min.js和jquery了吗？你能解决吗？面对同样的问题。