Javascript 角度js使滑块具有无限效果

我创建了一个简单的照片滑块，但我不知道如何使它无限大。 我怎样才能使这个效果与角度的方式，请帮助。 我不想使用jquery，但如果这是唯一的方法，那么不管怎样

var-app=angular.module（'stack'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.images=[”http://lorempixel.com/600/200/sports/", "http://lorempixel.com/600/200/city/",
"http://lorempixel.com/600/200/nature/"
];
$scope.index=0；
var IMG_宽度=-600；
$scope.next=函数（）{
++$scope.index；
如果（$scope.images.length 0）？$scope.index*IMG_WIDTH:0；
$scope.listPosition={
转换：“translateX（“+pos+”px）”
};
}
$scope.prev=函数（）{
--$scope.index；
如果（$scope.index<0）{
$scope.index=$scope.images.length-1；
}
var pos=（$scope.index>0）？$scope.index*IMG_宽度：0；
$scope.listPosition={
转换：“translateX（“+pos+”px）”
};
}
});
.mt{
边缘顶部：2米；
}
.外部{
最大宽度：600px；
溢出：隐藏；
}
.滑块{
宽度：90000px；
位置：相对位置；
过渡：所有1；
}
.滑杆组{
浮动：左；
}

下一个
上
最简单的方法是洗牌
$scope.images
数组


转换完成后，通过创建类似于
.no transition
类的内容并将其添加到滑块，或者通过您可以想象的任何其他方式禁用它们

$scope.images.push（$scope.images.shift（））
应将第一项放在最后一位，
$scope.images.unshift（$scope.images.pop（））
应将其反转

之后，可能需要重新调整变换值并重新应用变换


希望这能有所帮助。
但我是在哪个阶段做这些事情的？我真的很感激我丢失的一个例子。我没有时间完整介绍一个例子，但是你应该把上面的片段分别放在
$scope.next
和
$scope.prev
中。试着只放这两个（不放代码的其余部分），看看会发生什么，它会更清楚。如果你不明白，请留下评论，我会做一个简短的例子，但我怀疑这是必要的：）我不能让它工作，我更新了plunker请看一看，这将，希望能说明我的想法，我认为这是一个非常简单的解决方案。这样，只有$images数组中的第一张幻灯片可见，并且您对位置的计算要少得多，因为它可以向左或向右偏移一张幻灯片。我会一直这样做，但目前我时间不够，很抱歉，我会将此标记为答案，但我没有成功添加过渡。