不能将 ng2-pagination 与 angular2-webpack-starter 一起使用答案

【问题标题】：cannot use ng2-pagination with angular2-webpack-starter不能将 ng2-pagination 与 angular2-webpack-starter 一起使用
【发布时间】：2017-02-10 15:21:39
【问题描述】：

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

我的目标是尝试ng2-pagination。

我按照以下步骤操作：

使用npm install ng2-pagination --save; 安装ng2-pagination
已将import 'ng2-pagination' 添加到vendor.browser.ts；
将import {Ng2PaginationModule} from 'ng2-pagination'; 添加到app.module.ts，然后将Ng2PaginationModule 添加到其导入数组中；

像这样改变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：我错过了什么？

【问题讨论】：

标签： angular pagination webpack

【解决方案1】：

好的，我修好了：

错误出现在第三步；而不是：

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

我应该做以下事情：

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

我猜我对最新的 angular2 不够熟悉。希望这会对某人有所帮助。

【讨论】：