Использование API Siema с помощью кнопки Angular

Question

Я хочу использовать клик Angular, а внутри использовать API Siema, чтобы перейти к следующему слайду.Проблема в том, что у меня нет выбора, кроме как инициализировать ползунок внутри 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
    });
  }
}

Это то, что я пытался, но, похоже, не работает.

Любая помощь приветствуется!

Answer 1

Как уже упоминалось в комментарии, вам просто нужно придерживаться ссылки на карусель, которую вы создаете в своем коде:

export class AppComponent  {
  siema: Siema;

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

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