Description of issue: When I use dir-paginate on an object, the pagination works but the first page has the least amount of items, rather than the last page. Version 0.11.1

Any relevant code:
example.html
<div class='table-container'>
<table style='width:100%'>
<tr>
<th align='left'>Last Name</th>
<th align='left'>First Name</th>
<th align='left'>YOG</th>
<th align='left'>Enroll</th>
</tr>
<tr dir-paginate='student in students | itemsPerPage:10 ' pagination-id="studentBody">
<td>{{student.lastName}}</td>
<td>{{student.firstName}}</td>
<td>{{student.yog}}</td>
<td>Enroll</td>
</tr>
</table>
</div>
<dir-pagination-controls
max-size='5'
direction-links='true'
boundary-links='true'
pagination-id='studentBody'>
</dir-pagination-controls>