Как поменять значение номер страницы(page) после клика?

В Angular есть несколько способов поменять значение номера страницы (page) после клика. Вот некоторые из них.

1. Использование двусторонней привязки (two-way binding):
В этом случае предполагается, что page - это свойство компонента, которое хранит текущее значение номера страницы. Мы можем использовать двустороннюю привязку для связывания значения page с элементом интерфейса, например, с кнопкой, которая будет отображаться на странице. При клике по кнопке значение page будет автоматически обновляться.

<!-- в шаблоне компонента -->
<button (click)="changePage()">Change Page</button>
<p>Current Page: {{page}}</p>

// в компоненте
page: number = 1;

changePage() {
  this.page = 2; // или любое другое значение
}

2. Использование обработчика событий:
В этом случае мы можем добавить обработчик события к элементу интерфейса, например, к кнопке click. В обработчике события мы можем изменить значение page на новое значение после клика.

<button (click)="changePage()">Change Page</button>
<p>Current Page: {{page}}</p>

changePage() {
  this.page = 2; // или любое другое значение
}

3. Использование сервиса и передача значения через события:
В этом случае мы можем использовать сервис, который будет хранить значение page. При клике на кнопку мы можем изменить это значение через сервис и передать его в компоненты, которые его используют. Для этого мы можем использовать события, которые позволяют передавать данные между компонентами.

<!-- в шаблоне компонента -->
<button (click)="changePage()">Change Page</button>
<p>Current Page: {{page}}</p>

// в компоненте
constructor(private pageService: PageService) {}

changePage() {
  this.pageService.changePage(2); // или любое другое значение
}

// в сервисе
@Injectable()
export class PageService {
  private page: Subject<number> = new Subject<number>();

  changePage(page: number) {
    this.page.next(page);
  }

  getPage(): Observable<number> {
    return this.page.asObservable();
  }
}

// в другом компоненте
constructor(private pageService: PageService) {}

ngOnInit() {
  this.pageService.getPage().subscribe(page => {
    this.page = page;
  });
}

Это только некоторые из способов, которые можно использовать для изменения значения page после клика. Выбор зависит от структуры вашего приложения и требований к функциональности.