javascript - Angular Js滚动 slider 水平轮播

Question

我必须在 Angular js 中使用这种类型的轮播 Slider Link 。这是 Jquery 基本 slider 。我如何在 Angular JS 平台中使用这个 slider 。或者请向我推荐这种类型的 anuglar js 中的轮播。

Answer 1

您可以通过 Bootstrap 使用轮播，该指令位于 Angular UI

JSFiddle对于相同的

HTML 代码:

<div ng-controller="CarouselDemoCtrl">
  <carousel interval="myInterval">
    <slide ng-repeat="slide in slides" active="slide.active" ng-animate="false">
      <img ng-src="{{slide.image}}?{{$index}}" style="margin:auto;">
      <div class="carousel-caption">
        <h4>Slide {{$index}}</h4>
        <p>{{slide.text}}</p>
      </div>
    </slide>
  </carousel>
</div>