Question

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

我的目标是尝试ng2-pagination。

我按照以下步骤操作：

使用ng2-pagination

npm install ng2-pagination --save;

将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：我缺少什么？

Answer 1

好的，我修好了：

大错是第三步;而不是：

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

我应该做到以下几点：

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

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

不能使用angular2-webpack-starter的ng2-pagination

1 个答案: