Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态显示/隐藏来自ng repeat的幻灯片_Javascript_Angularjs - Fatal编程技术网

Javascript 动态显示/隐藏来自ng repeat的幻灯片

Javascript 动态显示/隐藏来自ng repeat的幻灯片,javascript,angularjs,Javascript,Angularjs,使用angular,我将动态创建一个幻灯片放映,其中包含50多张幻灯片。现在,这会影响浏览器并降低很多速度。因此,我在幻灯片中添加了一个ng类来评估它们的索引 ng-class="currentSlide >= (currentSlide-1) && currentSlide <= (currentSlide+1) ? 'visible' : 'hidden'" 试试这个: ng-class="{ 'visible': currentSlide >= (cu

使用angular,我将动态创建一个幻灯片放映,其中包含50多张幻灯片。现在,这会影响浏览器并降低很多速度。因此,我在幻灯片中添加了一个
ng类
来评估它们的索引

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

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

ng class=“{'visible':currentSlide>=(currentSlide-1)&¤tSlide我的ng类没有工作,因为我是根据幻灯片而不是ng重复获取索引的

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

ng show=“$index>=(当前幻灯片-1)&&&$index似乎与上面的表达式相同,但没有我需要的条件类。另外,当我在示例中使用它时,这些类没有更新。您可以通过在它们之间添加
来添加更多。currentSlide也在范围内吗?您不应该在视图中进行编码,它与MVVM方法相反。正确的方法是将此操作移动到控制器或自定义过滤器Works for me:您是否使用Angular(<1.1.5)的旧版本?因此,您没有看到添加到元素中的
可见的
隐藏的
类?可见的是添加的,但在幻灯片更改时不隐藏。但是如果我使用静态条件,
似乎有意义的是
“currentSlide>=(currentSlide-1)&¤tSlide