Angular Js滚动滑块水平旋转木马

Angular Js scroll slider horizontal Carousel

本文关键字:水平 旋转木马 Js 滚动 Angular      更新时间:2023-09-26

我必须在Angular js滑块链接中使用这种类型的Carousel。这是Jquery基础滑块。我如何在angular js平台上使用这个滑块。或者请给我推荐这种带角的旋转木马。

你可以通过bootstrap使用carousel,该指令可在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>