代码之家 › 专栏 › 技术社区 › kamalav

使用jquery swiper实现循环和动态幻灯片内容的角度变化

swiper angular5 angular

kamalav · 技术社区 · 6 年前

我必须在角度滑动后更改内容。我在滑动后更改了对象值。但它没有在HTML中重新返回。有谁能帮我实现它。下面是我的jquery swiper事件

   var mySwiper = new Swiper('.swiper-container', {
      direction: 'horizontal',
      loop: true,
      speed: 700,
      replaceState: true,
      initialSlide: 1,
      centeredSlides: true,
      slidesPerView: 'auto',
      loopedSlides: 2,


      onSlideChangeStart: MoveToNextOrPrevious,
      mousewheelControl: false
    });


  function MoveToNextOrPrevious() {
  if (mySwiper != undefined) {      
 if (mySwiper.swipeDirection == "next") 
   {   self.Navigate('swiperight');
   }
   }
  }

在导航函数中,我更改了对象值,但在HTML中没有更改

谢谢,

1 回复 | 直到 6 年前

Patrick angularsen 6 年前

这很可能与区域有关。进行更改检测时,角度在区域中运行,并且第三方库不会自动在角度区域内运行。

在构造函数中,可以注入ngzone,然后调用 zone.run 回拨

constructor(private zone: NgZone) { }

private MoveToNextOrPrevious() {
  this.zone.run(() => { /* your previous code */ });
}

这应该安排您的代码在角度区域内运行,因此您的更改应该由更改检测接收。

更详细的解释了 in the docs for NgZone .

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前