如何从阵列中间启动ui bootstrap轮播

时间:2014-12-23 10:24:24

标签: javascript angularjs twitter-bootstrap-3

我在阵列上有两个角度引导旋转木马

$scope.slidesTwo = [
{image: 'http://placehold.it/250x200',smallImage:'http://placehold.it/300x200'},
{image: 'http://placehold.it/245x215',smallImage:'http://placehold.it/400x200'},
{image: 'http://placehold.it/240x210',smallImage:'http://placehold.it/300x300'}
  ];

我想从索引1开始第一个旋转木马,从索引0开始第二个旋转木马。有关如何实现它的任何指示?

以下是http://plnkr.co/edit/bKt3QZlGO3aEpXlejgpp?p=preview

的链接

1 个答案:

答案 0 :(得分:0)

您可以指定自定义过滤功能:

控制器:

  $scope.filterFn = function(value, index) {
    return index !== 0;
  }

HTML

<slide ng-repeat="slide in slidesTwo | filter : filterFn" active="slide.active">

http://plnkr.co/edit/bAIGpnS9ssBmYfIEFY8J?p=preview

注意:滤镜功能中的索引仅在角度1.3.x中可用,如果您无法更新角度版本,则必须在滤镜功能中按值找到索引