为什么我无法在 Angular JS 中添加 bootstrap？

Question

我已经在我的 visual studio 中安装了 Angular UI Bootstrap 2.5.0 包，我正在尝试执行轮播操作，但它没有根本没有工作。以下是我的代码。

<div class="panel-body" id="tblSubs" ng-controller="ControllerName">
    <carousel interval="myInterval">
        <slide ng-repeat="id in code">
             <h3 class="text-center">{{id.Name}}</h3>
             <p>{{id.Contact}}</p>
             <p>{{id.Info}}</p>
        </slide>
    </carousel>
</div>

我能够获取数据，但数据没有出现在轮播中。

如有任何帮助，我们将不胜感激。

Answer 1

从 0.14.0 版开始，您需要在某些指令中添加 uib 前缀，输入 uib-carousel 而不是 carousel 等。

<div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
  <div uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
    <img ng-src="{{slide.image}}" style="margin:auto;">
    <div class="carousel-caption">
      <h4>Slide {{slide.id}}</h4>
      <p>{{slide.text}}</p>
    </div>
  </div>
</div>

为什么我无法在 Angular JS 中添加 bootstrap？

Why I'm unable to add bootstrap in Angular JS?

angular-ui-bootstrap