使用 Siema 的 api 和 Angular 的 onclick

Question

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

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

export class AppComponent  {
  name = 'Angular';

  siema = Siema;

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

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

这是我试过的，但似乎不起作用。

感谢任何帮助！

Answer 1

如评论中所述，您只需保留您在代码中创建的轮播的引用：

export class AppComponent  {
  siema: Siema;

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

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

使用 Siema 的 api 和 Angular 的 onclick

Using Siema's api with Angular's onclick

angular

siema