2016-08-30 9 views

答えて

0

誰もがまだ(のみページネーションのための)答えを探している場合は、このリンクは便利なリソースです。場合

- リンクはここに、もはや利用できないが、手順は次のとおりです

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))が定義されたと宣言したコンポーネントクラスにか、ブートストラップとして使用しようとしているものは何でもしなければなりません。

ソートのために、私は今のところ失礼します。

関連する問題