question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The pipe 'paginate' could not be found || Ionic project

See original GitHub issue

Hi, I’m trying to implement pagination in my ionic app, but I run into issues when I tried to use your module.

=======

Angular version: ionic-angular: “3.7.1” ngx-pagination version: “^3.0.3”

Description of issue: Error: Template parse errors: The pipe ‘paginate’ could not be found (" <ion-row> <ion-col col-6 class=“space” *ngFor=“let [ERROR ->]word of listOfSeniorWords | paginate: { itemsPerPage: 10, currentPage: p }”>

Any relevant code:

-----> app.module.ts
import { NgxPaginationModule } from 'ngx-pagination';

@NgModule({
  declarations: [
    MyApp
  ],
  imports: [
    BrowserModule,
    HttpModule,
    NgxPaginationModule,
    IonicModule.forRoot(MyApp)
  ],

-----> words-list.ts
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
import { IonicPage, NavController} from 'ionic-angular';
import { DataProvider } from './../../providers/data/data';

@IonicPage()
@Component({
  selector: 'page-words-list',
  templateUrl: 'words-list.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class WordsListPage {
  @Input('data') listOfSeniorWords: string[] = [];
  page: number = 1;

-----> words-list.html
<ion-grid>
      <ion-row>
        <ion-col col-6 class="space" 
          *ngFor="let word of listOfSeniorWords | paginate: { itemsPerPage: 10, currentPage: p }">

          <a class="word" (click)="readWord(word)">
            <p class="word-container">{{ word.mot }}</p>
          </a>
        </ion-col>
      </ion-row>
      <ion-row>
        <pagination-controls (pageChange)="p = $event"></pagination-controls>
      </ion-row>
    </ion-grid>

Any help would be highly appreciated. Thanks

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:12 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
Rickemcommented, Nov 1, 2017

Thanks. Enjoy your cup of tea and Netflix.

1reaction
michaelbromleycommented, Nov 1, 2017

Cool! Okay, sounds like the original issue is fixed then.

Now I guess you just have to roll up your sleeves and get busy debugging! I’m gonna sign off now cos the kettle has boiled and I’m about to be presented with a cup of tea (I’m English) to enhance my Netflix viewing pleasure. Good luck!

Read more comments on GitHub >

github_iconTop Results From Across the Web

html - Error: The pipe 'paginate' could not be found! with Ngx ...
Go to your OrderComponent imported Module file yourModuleName.module.ts and add the following code. import { NgxPaginationModule } from ...
Read more >
The pipe 'paginate' could not be found error #194 - GitHub
Angular version: 4.0.0 ngx-pagination version: 3.0.1 Description of issue: I installed the NgxPaginationModule and I imported it in a shared ...
Read more >
[Debugging] The pipe {name} could not be found - YouTube
In this video, you'll learn what the error " The pipe {name} could not be found " means, how to debug it, and...
Read more >
Error while running test in angular : The pipe 'paginate' could ...
Coding example for the question Error while running test in angular : The pipe 'paginate' could not be found ("-angular.js.
Read more >
ngx-pagination v6.0.1 - GitHub Pages
The PaginatePipe should be placed at the end of an NgFor expression. ... For in-memory paging, this property should not be set, as...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found