Угловая разбивка на страницы, получение номера текущей страницы

Я пытаюсь получить текущую страницу в разбиении на страницы. Это код в app.component.html:

<ngb-pagination  [collectionSize] = "500" [(page)] = "page" (click) = "showPageIndex(page)" aria-label = "Default pagination" ></ngb-pagination>

<p>current page is {{page}}</p>

в app.component.ts:

public page = 1;


   showPageIndex(pageIndex){
     this.page = pageIndex;
     console.info(this.page);
   }

Когда я нажимаю на страницу (скажем, на страницу 12), я получаю результат «1». Когда я снова нажимаю, я получаю результат «12» (правильный).

Однако,

текущая страница {{page}}

Кажется, что когда запускается onclick, он получает значение текущей страницы (а не той, которая была сделана после клика).

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

Ценю твою поддержку.

Спасибо,