Javascript 无法创建由AngularJs注入的引导转盘

我正在使用AngularJS构建我的应用程序，我想添加一个

bootstrap

carousel，使用

angular bootstrap

元素。由于bug（另一个），我决定放弃

角度引导

库，使用常规引导旋转木马，但为其注入角度能量。我使用

ng repeat

生成幻灯片，但由于某些原因，当页面呈现时，幻灯片会一张一张地叠在一起。 JSfiddle

HTML:

---

用这个代替你的ng repeat div

<div class="item" ng-class="{active: ($index == 0)}" ng-repeat="slide in slides">
                    <img ng-src="{{slide.image}}" alt="Chania" width="460" height="345">
                </div>

---

用它代替ng repeat div

<div class="item" ng-class="{active: ($index == 0)}" ng-repeat="slide in slides">
                    <img ng-src="{{slide.image}}" alt="Chania" width="460" height="345">
                </div>

---

正如@Ikechi Michael已经指出的那样，您通过给所有幻灯片提供活动类来使它们成为活动的，因此您需要使用ng类来仅使第一张幻灯片成为活动的。这里是相同的plunkr链接

---

正如@Ikechi Michael已经指出的那样，您通过给所有幻灯片提供活动类来使它们成为活动的，因此您需要使用ng类来仅使第一张幻灯片成为活动的。这里是相同的plunkr链接

你能制作一个JSBin或fiddle来显示问题吗？在问题描述之后，有一个指向JS fiddle的链接：）只是一个HTML代码。哦，对不起，忽略了它：）你需要调用在ng repeat完成之前运行的carousel函数。@IkechiMichael你能提供一个工作的fiddle来说明你的建议吗？它对我不起作用，或者我误解了你。你能制作一个JSBin或fiddle来显示问题吗？在问题描述之后，有一个指向JS fiddle的链接：）只需查看HTML代码。哦，对不起，忽略它：）您需要调用在ng重复完成之前运行的carousel函数。@IkechiMichael您能提供一个有用的建议吗？这对我不起作用，或者我误解了你。

<div class="item" ng-class="{active: ($index == 0)}" ng-repeat="slide in slides">
                    <img ng-src="{{slide.image}}" alt="Chania" width="460" height="345">
                </div>

<div class="item" ng-class="{'active': $index===0}" ng-repeat="slide in slides">
  <img src="{{slide.image}}" alt="Chania" width="460" height="345">
</div>