I'm still getting the hang of Angularjs. I managed to set up a pagination system, but for some reason, I can't seem to interact with it when I run my project. Take a look at this screenshot that illustrates my issue:
https://drive.google.com/file/d/0ByBFo8g2Vqhdc0EzbHRWZy1kdmc/view?usp=sharing
Additionally, here's the error message I encountered:
Error: Syntax Error: Token 'track' is an unexpected token at column 7 of the expression [pages track by $index] starting at [track by $index].
at Error (native)
Let me provide you with a snippet of my JavaScript code:
app.controller("listcontroller", function ($scope, listservice, $timeout) {
// Code goes here
});
And this is how my HTML looks like:
<div class="table-responsive">
<table class="table table-striped table-bordered">
// Table content and ng-repeat here
</table>
<pagination ng-model="currentPage"
total-items="Lophoc.length"
max-size="maxSize"
boundary-links="true">
</pagination>
</div>
To ensure proper styling, I've also included Bootstrap libraries in my project.