0
私はangle2 rc5で並べ替えとページ設定を統合しようとしています。ページネーションは、並べ替えを検索するng2ページネーションを使用しています。並べ替えの良い例ですか?angular2 rc5でソートとページネーションを統合する方法は?
Implementing Pagination in angular2 > v.RC5
私はリンクの上になった後、私は5分以内にそれを統合 -
私はangle2 rc5で並べ替えとページ設定を統合しようとしています。ページネーションは、並べ替えを検索するng2ページネーションを使用しています。並べ替えの良い例ですか?angular2 rc5でソートとページネーションを統合する方法は?
Implementing Pagination in angular2 > v.RC5
私はリンクの上になった後、私は5分以内にそれを統合 -
誰もがまだ(のみページネーションのための)答えを探している場合は、このリンクは便利なリソースです。場合
- リンクはここに、もはや利用できないが、手順は次のとおりです
app.module.ts
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {Ng2PaginationModule} from 'ng2-pagination'; // <-- import the module
imort {MyComponent} from './my.component';
@NgModule({
imports: [BrowserModule, Ng2PaginationModule], // <-- include it in your app module
declarations: [MyComponent],
bootstrap: [MyComponent]
})
export class MyAppModule {}
app.component.ts
import {Component} from '@angular/core';
@Component({
selector: 'my-component',
template: `
<ul>
<li *ngFor="let item of collection | paginate: { itemsPerPage: 10, currentPage: p }"> ... </li>
</ul>
<pagination-controls (pageChange)="p = $event"></pagination-controls>
`
})
export class MyComponent {
public collection: any[] = someArrayOfThings;
}
そのため、サーバー側のページングでは、この行を変更することができますpagination-controls
いくつかのカスタムイブNT -
このイベント(myCustomEvent($event)
)が定義されたと宣言したコンポーネントクラスにか、ブートストラップとして使用しようとしているものは何でもしなければなりません。
ソートのために、私は今のところ失礼します。