Thanks to Pieterjan’s reply, I tried implementing two-way binding. However, to fix the issue, I had to create a new component with the same logic. Here’s the change I made :
@Output() page: EventEmitter<number> = new EventEmitter<number>();
With this:
@Output() indexChange: EventEmitter<number> = new EventEmitter<number>();
Despite this change, it didn’t work in the old component, and I had to create a new pagination component.
I’m not sure why this change didn’t take effect in the existing component. Does anyone know why this might happen?