angularJS 使用ui-bootstrap的pagination指令分页数据,controller如何写才是最优雅的写法
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr class="active">
<th>订单号</th>
<th>项目</th>
<th>姓名</th>
<th>手机号</th>
<th>下单日期</th>
<th>使用日期</th>
<th>场次</th>
<th>金额</th>
<th>消费方式</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="order in vm.orders">
<td><a href="">{{order.number}}</a></td>
<td>足球</td>
<td>{{order.user.name}}</td>
<td>{{order.mobile}}</td>
<td>{{order.created_at}}</td>
<td>{{order.order_items[0].start_at}}</td>
<td>
<ul>
<li ng-repeat="item in order.order_items">{{item.venue.name}}号场地:{{item.start_at | dateFormat |
date:'HH:mm'}}-{{item.end_at | dateFormat | date:'HH:mm'}}
</li>
</ul>
</td>
<td>{{order.payment_price | price}}</td>
<td>现场订单</td>
</tr>
</tbody>
</table>
<pagination total-items="vm.totalItems" ng-model="vm.currentPage" ng-change="vm.pageChanged()"
previous-text="上一页" next-text="下一页" max-size="5"></pagination>
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
求插件Github地址