角度/离子听离子事件

Question

我们有一个Ionic-Angular前端应用程序，存在以下问题：

有这个组件：

...
export class StepIndicatorComponent {
@Input() slides: IonSlides;
...
}

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

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

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

有什么想法吗？

感谢

<小时 />

离子玻片 API： https://ionicframework.com/docs/api/slides

Answer 1

IonSlides是一个元素，你不能使用@Input声明。您只需将事件绑定到元素本身

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

请参阅此处的示例： https://stackblitz.com/edit/ionic-g3sehf