The pipe 'paginate' could not be found || Ionic project
See original GitHub issueHi, 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:
- Created 6 years ago
- Comments:12 (6 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Thanks. Enjoy your cup of tea and Netflix.
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!