Implement pagination (Paging) in Angular

Hi,

I am trying to add pagenation in angular but it is not working.

<div class="row">
    <div *ngFor="let property of properties|filter:SearchCity:SearchCar|sort:[SortbyParam,SortDirection]|paginate:{currentPage: page,itemsPerPage:3}"
    class="col-sm-4">
      <div class="shadow-lg p-3 mb-4">
        <app-property-card [property]="property"></app-property-card>
      </div>
    </div>
    <pagination-controls  id="pagenation"
      (pageChange)="pageChanged($event)"
      (pageBoundsCorrection)="pageChanged($event)"
      previousLabel="Previous"
      nextLabel="Next"
      [responsive]= "true"
      screenReaderPaginationLabel="Pagination"
      screenReaderPageLabel="page"
      screenReaderCurrentLabel="You're on page">
    </pagination-controls>
</div>

I am getting the pervious button disabled and when clicking the next button, I get the next set of items but can't press pervious as it is still disabled. Also no page numbers displayed.

https://yourimageshare.com/ib/JsTqurCQgz