ng-repeatを使用して角度付きブートストラップを使ってページネーションを作成するにはどうすればよいですか？

Question

uib-paginationを実装したいのですが、$scope.eventのデータがあります。ページネーションを表示したいのですが、そのページングディレクティブ自体は表示されません。何が間違って実装されているかはコンソールにエラーが表示されません。またはこの作業を達成するためのより良いアプローチですか？

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." 
}] 

Answer 1

<div class="panel-body display-logs" scroll-bottom="event"> 
    <ul style="list-style: none;"> 
    <li ng-repeat="message in event | limitTo : pageSize : (currentPage - 1) * pageSize track by message.id" 
     ng-class="{lastItem: $last}"> 
     <strong>{{ message.id }} --- Log: </strong> 
     <span>{{ message.value }}</span> 
    </li> 
    </ul> 
</div> 

<ul uib-pagination 
    total-items="totalItems" 
    ng-model="currentPage" 
    items-per-page="pageSize"></ul> 

plunkerを参照してください。http://plnkr.co/edit/YLCmEoTzhUz312X2htuB?p=preview