从ng-repeat动态显示/隐藏幻灯片

时间:2014-05-20 01:33:05

标签: javascript angularjs

通过角度,我可以动态创建幻灯片,其中包含50多张幻灯片。现在这会影响浏览器并减慢很多事情。所以我添加了ng-class幻灯片来评估他们的索引。

ng-class="currentSlide >= (currentSlide-1) && currentSlide <= (currentSlide+1) ? 'visible' : 'hidden'" 

currentSlide是一个变量,它会在幻灯片发生变化时返回幻灯片的当前索引,因此它将始终更新。

我知道currentSlide有效,错误的是我的ng-class表达式。 是否有可能在表达式内部进行数学运算,即使它就像+ 1一样简单?

或者我应该更多地使用控制器中的变量来获取它们的值吗?

2 个答案:

答案 0 :(得分:0)

试试这个:

ng-class="{ 'visible': currentSlide >= (currentSlide-1) && currentSlide <= (currentSlide+1) }"

相关:AngularJS ngClass conditional

ng-class条件语法似乎没有任何明显的写法。

答案 1 :(得分:0)

我的ng-class无法正常工作,因为我根据幻灯片获得了索引,而不是ng-repeat。

 ng-show="$index >= (currentSlide-1) && $index <= (currentSlide+1)"

使用$index解决了我的问题。谢谢大家的帮助!