не может использовать ng2-pagination с угловым2-webpack-starter

Question

Я использую последние ng2-pagination (0.4.1) и angular2-webpack-starter (5.0.5).

Моя цель - попробовать ng2-pagination.

Я следовал следующие шаги:

• установлен с помощью ng2-paginationnpm 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 

It seems to me that the component doesn't know about ng2-paginate: what am I missing?

Answer 1

ОК, я установил его:

Ошибка была на третьем шаге; вместо:

• import {Ng2PaginationModule} from 'ng2-pagination'; к app.module.ts, затем добавить Ng2PaginationModule его импорта массива;

я должен был сделать следующее:

• import {Ng2PaginationModule} from 'ng2-pagination'; к ./+detail/index.ts, а затем добавить Ng2PaginationModule его импорта массива;

Угадай, что я не был достаточно знаком с последними угловыми2. Надеюсь, это поможет кому-то.