michaelbromley / michaelbromley/angularUtils
dirPagination.js:271 Pagination directive: the pagination controls cannot be used without the corresponding pagination directive, which was not found at link time.
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 2k
- Forks
- 842
- PR merge metrics
- No merged PRs in 30d
Description
Hi,
Error which I am facing :
dirPagination.js:271 Pagination directive: the pagination controls cannot be used without the corresponding pagination directive, which was not found at link time.
I am currently fetching data from Firebase, which has 2 way binding.
I tried including the directive in index.html[main page] and chat.html [sub page]
But still getting this issue.
index.html
</head>
<body ng-app="app" animation="slide-left-right-ios7" bgcolor="#E6E6FA">
<div>
<dir-pagination-controls></dir-pagination-controls>
<div>
<ion-nav-bar class="bar-stable">
chat.html
<ion-item ng-if="chats.length == 0" class="textCenter">
<h4>No messages in this room. Send message to start.</h4>
</ion-item>
<!--ion-item delegate-handle="chat" class="item-borderless " ng-repeat ="chat in chats track by chat.createdAt " type="item-text-wrap"-->
<ion-item class="item-borderless " dir-pagniate="chat in chats track by chat.createdAt | order by sort | itemsPerPage: 5 " type="item-text-wrap">
Just to be sure, that directive gets compiled first, i included it in index.html which is the first loading page.
Still, I am facing above issue.
PS:
Chats is array of chat.(if this info is of any help)
angular: 1.5.8
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Compare the pagination directive names in index.html and chat.html with the directive expectations around dirPagination.js:271. Run the AngularJS page with the Firebase-backed chats array and verify that the controls link without the reported error and that the paginated items render.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angularjs, javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100