不能在angular2-webpack-starter中使用ng2分页

Question

我使用的是最新的ng2-pagination(0.4.1)和angular2-webpack-starter(5.0.5)。

我的目标是尝试ng2-pagination。

我遵循了以下步骤:

• 使用npm install ng2-pagination --save;安装ng2-pagination
• 向vendor.browser.ts添加import 'ng2-pagination';

• 将import {Ng2PaginationModule} from 'ng2-pagination';添加到app.module.ts中，然后将Ng2PaginationModule添加到其imports数组中;

• 改变detail.component.ts如下:

  import { Component } from '@angular/core';
  @Component({
  selector: 'detail',
  template: `
    <h1>Hello from Detail</h1>
    <ul>
    <li *ngFor="let item of collection | paginate: { itemsPerPage: 10, currentPage: p }">{{ item }}</li>
    </ul>
    <pagination-controls (pageChange)="p = $event" #api>
    </pagination-controls>`
  })
  export class Detail {
  collection = [];
  constructor() {
    for (let i = 1; i <= 100; i++) {
      this.collection.push(`item ${i}`);
      }
    }
  }
  

---

我得到以下错误:

EXCEPTION: Uncaught (in promise): Error: Template parse errors:
The pipe 'paginate' could not be found

在我看来，组件不知道ng2-paginate:我错过了什么?

Answer 1

好了，我修好了:

错误在第三步;而不是:

• import {Ng2PaginationModule} from 'ng2-pagination';到app.module.ts，然后将Ng2PaginationModule添加到其imports数组;

我本应该这样做的:

• import {Ng2PaginationModule} from 'ng2-pagination';到 ./+detail/index.ts ，然后将Ng2PaginationModule添加到其imports数组;

猜我对最新的angular2不够熟悉。