(ANGULAR-12) Мат-пагинатор меняет страницу после условия

Я ищу способ изменить страницу мат-пагинатора внутри моего HTML.

Когда я редактирую пользователя, я хочу оставаться на той же странице, что и мат-пагинатор. Поэтому я храню эту информацию внутри переменной currentPage.

Но я хочу сказать angular, если эта переменная !null, перейдите на эту страницу мат-пагинатора

<!-- Pagination -->
<mat-paginator  *ngIf = "!currentPage" color = "primary" [hidden] = "dataSource.totalItems === 0" [length] = "dataSource.totalItems"
    [pageSize] = "dataSource.pageSize" [pageIndex] = "dataSource.pageIndex - 1" [pageSizeOptions] = "pageSizeOptions"
    (page) = "onPaginateChange($event)" showFirstLastButtons>
</mat-paginator>

большое спасибо.

Я пытался написать два, но я не могу повторно отображать разбиение на страницы без события.

какая ошибка возникает? не могли бы вы дать нам код блока, который демонстрирует подробную информацию

Parth M. Dave 10.11.2022 10:06

Привет, ошибок не возникает, я просто ищу способ сделать это.

Mehdy093 10.11.2022 10:09

насколько я понимаю, у вас есть мат-таблица с информацией о пользователе, и вы пытаетесь отредактировать одну из таблиц, и после сохранения записи вы хотите остаться на той же странице, что и текущая пользовательская информация, верно?

Parth M. Dave 10.11.2022 10:22

@ParthM.Dave Точно, редактирование работает, но я хочу остаться на той же странице (мат-пагинатора)

Mehdy093 10.11.2022 10:27
Тестирование функциональных 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
0
4
361
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
this.paginator.pageIndex = this.goTo - 1;
   const event: PageEvent = {
   length: this.paginator.length,
   pageIndex: this.paginator.pageIndex,
   pageSize: this.paginator.pageSize
};
this.paginator.page.next(event); 

здесь goTo — это переменная, которая указывает, на какую страницу вы хотите перейти, поэтому после сохранения информации о пользователе вам нужно поместить приведенный выше код для перехода на страницу.

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

Parth M. Dave 10.11.2022 11:36

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