使用Siema的api和Angular的onclick

时间:2019-05-08 00:50:36

标签: angular siema

我想使用Angular的onclick,在内部使用Siema的api进行下一张幻灯片。问题是我别无选择,只能初始化ngAfterViewInit中的滑块。无论如何,我可以在该功能之外访问api?我想避免查询html选择器,并尝试为此使用真正的角点点击。

https://stackblitz.com/edit/angular-ctflzc

export class AppComponent  {
  name = 'Angular';

  siema = Siema;

  changeSlide() {
    this.siema.next();
  }

    ngAfterViewInit(): void {
    new Siema({
      loop: true
    });
  }
}

这是我尝试过的方法,但似乎不起作用。

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

如评论中所述,您只需要保留在代码中创建的轮播的引用即可。

export class AppComponent  {
  siema: Siema;

  changeSlide() {
    this.siema.next();
  }

  ngAfterViewInit(): void {
    this.siema = new Siema({
      loop: true
    });
  }
}