通过角度,我可以动态创建幻灯片,其中包含50多张幻灯片。现在这会影响浏览器并减慢很多事情。所以我添加了ng-class
幻灯片来评估他们的索引。
ng-class="currentSlide >= (currentSlide-1) && currentSlide <= (currentSlide+1) ? 'visible' : 'hidden'"
currentSlide
是一个变量,它会在幻灯片发生变化时返回幻灯片的当前索引,因此它将始终更新。
我知道currentSlide
有效,错误的是我的ng-class
表达式。
是否有可能在表达式内部进行数学运算,即使它就像+ 1
一样简单?
或者我应该更多地使用控制器中的变量来获取它们的值吗?
答案 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
解决了我的问题。谢谢大家的帮助!