Can anyone help me with implementing uib-pagination? I have data stored in $scope.event and I want to display pagination based on this data. However, the pagination directive is not showing up. I don't see any errors in the console. Any insights on what might be implemented incorrectly or a better approach to achieve this task?
main.html
<div class="panel-body display-logs" scroll-bottom="event">
<ul style="list-style: none;">
<li ng-repeat="message in event track by message.id" ng-class="{lastItem: $last}"><span><strong>Log:</strong></span><span>{{message.value}}</span></li>
</ul>
</div>
<uib-pagination total-items="event.length" ng-model='currentPage' items-per-page='pageSize' boundary-links="true">
</uib-pagination>
Ctrl.js
$scope.event = [];
$scope.pageSize=5,
$scope.currentPage=1;
event.json
[{
"id": 0,
"value": "Lorem test Ipsuver since the 1500s,but also the leap into electronic typesetting, remaining essentially unchanged."
}, {
"id": 1,
"value": "-19170aee171f a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."
}, {
"id": 2,
"value": "19-9de6-19170aee171f a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."
}, {
"id": 3,
"value": "ee171f a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."
}]