Есть ли EventListener на последней или первой кнопке mat-paginator?

Мне нужно слушать, когда я особенно нажмите на мат-пагинаторе последней кнопки. Есть ли прослушиватель событий или способ сделать это?

Я пробовал: (page) = "pageEvent = $event;emitPagination($event)", но он не возвращает информацию о том, где я щелкнул.

и то же самое для (click) = event($event)

HTML:

<mat-paginator #paginator 
    [length] = "totalElements" 
    [pageSize] = "5" 
    [showFirstLastButtons] = "true" 
    (page) = "pageEvent = $event;emitPagination($event)">
</mat-paginator>

Я ожидаю вызвать определенный метод, когда последняя кнопка щелкнул.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
5
0
4 063
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В MatPaginator есть методlastPage, вы можете запустить его из ts-файла, как в этом примере:

@ViewChild(MatPaginator) paginator: MatPaginator;

 ngAfterViewInit() {
  this.paginator.lastPage = () => this.yourMethodToTrigger();
 }

 yourMethodToTrigger(){
 console.info('Triggered!')
 }

Также можете прочитать из официальной документации в разделе методыhttps://material.angular.io/components/paginator/api

MatPaginator#lastPage не предназначен для перезаписи и вместо этого должен использоваться для перехода Только к последней странице. Вы, вероятно, ищете вывод page, который выдает PaginatorEvent, где вы можете проверить, равен ли текущий индекс (pageIndex) общему количеству элементов, разбиваемых на страницы (length). (Другие доступные свойства можно найти в документы для класса PageEvent.) Кроме того, вы также можете вызвать MatPaginator#hasNextPage, чтобы проверить, есть ли еще другая страница.
Edric 08.09.2020 10:28

Другие вопросы по теме