当只有1张幻灯片时,是否可以在ngx-swiper-wrapper上禁用导航功能?

时间:2019-06-26 16:51:19

标签: typescript slider angular6 swiper

我有一个带有多个滑动器的应用程序,幻灯片是由不同的服务器动态生成的。 如果滑动器上只有1张幻灯片,则需要禁用导航和分页功能(没有子弹或滑动器效果)。

我已经做了一些Google研究,直到现在我只找到了Jquery的答案。我不允许使用Jquery,只能使用打字稿。  我尝试使用“ document.querySelectorAll('。slider')。length == 1”创建条件,但是在DOM上找不到“ slider”,因此总是返回0。

1 个答案:

答案 0 :(得分:0)

所以我坚持了2天,终于找到了答案,就像在swiper配置上添加“ watchOverflow:true”一样简单。

 public config: SwiperConfigInterface = {
    slidesPerView: 1.16,
    spaceBetween: 4,
    centeredSlides: true,
    mousewheel: true,
    scrollbar: false,
    navigation: false,
    pagination: true,
    watchOverflow: true
  };