我正在使用https://github.com/devmark/angular-slick-carousel,我想添加一个搜索过滤器,这样它将只显示“data-test-id”属性中有“searchStr”的幻灯片。
超文本标记语言:
<slick settings="slickConfig" >
<div ng-repeat="i in number"
data-test-id="{{i.title}}"
class="slick-item">
{{i.title}}
</div>
</slick>
JS:
$scope.slickConfig.method.slickFilter(searchStr);
如何使用slickFilter函数?
1条答案
按热度按时间kadbb4591#
在这种情况下,您需要更新或重新启动slick-carousel。所以,它非常简单,几乎像任何其他过滤器一样:
您的观点:
但是,正如你所看到的,
input
有一个ng-change
,我在slick
上有ng-if
。是不同的部分。在您的控制器中,您需要:
另外,请注意,您必须在控制器中导入
timeout
。你可以用我刚才做的这个例子来玩:https://plnkr.co/edit/1v3DYmfLyqvjedKz