Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Recommend changing paginating display #10

Open
tej-rana opened this issue Jul 11, 2018 · 0 comments
Open

Recommend changing paginating display #10

tej-rana opened this issue Jul 11, 2018 · 0 comments

Comments

@tej-rana
Copy link

I recommend removing the buttons instead of making the not clickable (but you can't really disable anchor tags or list item). You could have pointer to cancel events on the disabled class but removing them would probably be cleaner.

<li *ngIf="pager.currentPage > 1"> <a (click)="setPage(1)">First</a> </li> <li *ngIf="pager.currentPage > 1"> <a (click)="setPage(pager.currentPage - 1)">Previous</a> </li> <li *ngFor="let page of pager.pages" [ngClass]="{active:pager.currentPage === page}"> <a (click)="setPage(page)">{{page}}</a> </li> <li *ngIf="pager.currentPage < pager.totalPages"> <a (click)="setPage(pager.currentPage + 1)">Next</a> </li> <li *ngIf="pager.currentPage < pager.totalPages"> <a (click)="setPage(pager.totalPages)">Last</a> </li>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant