角度/离子听离子事件

时间:2020-07-02 09:41:58

标签: angular typescript ionic-framework events

我们有一个离子角前端应用程序,具有以下问题:

有此组件:

I18n.missingTranslation = (key) => {
    throw new Error(`I18n: missing translation errors for key: "${key}"!`);
  };

现在,我想向事件“ ionSlideDidChange”的幻灯片添加事件侦听器。每次触发事件时,都应调用一个方法。

我尝试了Hostlistener rxjs,但这些仅适用于DOM对象。

我知道我可以在html中添加该事件的方法调用,但是在这种情况下,我必须在.ts组件文件中进行该操作。

有什么想法吗?

Thx


离子幻灯片API: https://ionicframework.com/docs/api/slides

1 个答案:

答案 0 :(得分:1)

IonSlides是一个元素,不能使用@Input声明。您可以简单地将事件绑定到元素本身上

<ion-slides (ionSlideDidChange)="onSlideChange($event)">
  <ion-slide>
    <h1>Slide 1</h1>
  </ion-slide>
</ion-slides>

在此处查看示例:https://stackblitz.com/edit/ionic-g3sehf