ngx-pagination in Angular 4.ページ番号を取得するには？

ライブラリngx-paginationでAngular 4とTypescriptを使用しています。私は少しこのライブラリを理解していない。私はJavaでページ区切りがあり、ページが変更されたときにページ番号を送信したい。すべての項目の数はJavaサイトから取得されています。私はこの問題をどう扱うべきか分かりません。 HTMLで：私はこのコードを作成しngx-pagination in Angular 4.ページ番号を取得するには？

<tr *ngFor="let story of stories | paginate: { itemsPerPage: this.size, currentPage: this.page, totalItems: this.numberOfElements }" style="text-align: left; word-break: break-all;"> 

<pagination-controls (pageChange)="pageChange.emit($event)"></pagination-controls>

をし、TSに私はこれを作成しました：私は、例えば、それを変更したときにページを取得する方法を

@Output() pageChange: EventEmitter<number> = new EventEmitter();

そして今を次へまたは前をクリックすると

出典

2017-08-27 Mateusz Sobczak

改ページが機能していないにテンプレート(pageChange)="pageChanged($event)"

でこれを使用することができますか？ –

いいえ動作しません。ページの数は正しく表示されますが、ページを変更することはできません –

はテンプレート

<pagination-controls (pageChange)="page = $event"></pagination-controls>

とちょうどpage: number = 1; のようなページを表すクラスレベルの変数を持ってコンポーネント内でこれを持っています。

UPDATE

あなたはコンポーネント

pageChanged(event){console.log("pageChanged")}

出典

2017-08-27 09:19:09

動作していますが、ページが変更されたときはどうすればわかりますか？ –

@MateuszSobczakさんが動作する回答の希望を更新しました –

@Rahul Singh：私はサーバーサイドページネーションを統合しました。 API呼び出しから返されたデータ。ここでは無限大のページの総数です。ページネーションコールは* ngFor = "deallist | paginate：{id： 'foo'、 itemsPerPage：pageSize、現在のページ：p、 totalItems：count}"の取引になります。コントロールは –

ngx-pagination in Angular 4.ページ番号を取得するには？

答えて

関連する問題