有没有人能把下面两个分页做成一个？
<div ng-controller="map_ctrl1">
<table class="table table-responsive table-striped">
<tr>
<th>ID</th>
<th ng-repeat="(x,y) in items[0]">{{ x }}</th><!--表头里的内容也可以手写-->
<th>操作</th>
</tr>
<tr ng-repeat="list in items">
<td>{{ $index + 1 }}</td>
<td>{{list.Name}}</td>
<td>{{list.target}}</td>
<td>{{list.status}}</td>
<td>{{list.status_date}}</td>
<td>{{data[1].time|date:'yyyy-MM-dd'}}</td>
<td><input type="button" class="btn btn-danger" ng-click="deleteTd($index)" value="删除" > <!--删除当前行-->
<input type="button" class="btn btn-warning" value="修改" >
</td>
</tr>
</table>
<!--下面是分页-->
<nav>
<ul class="pagination paging pull-right">
<li>
<a ng-click="Previous()">
<span>上一页</span>
</a>
</li>
<li ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}" >
<a ng-click="selectPage(page)" >{{ page }}</a>
</li>
<li>
<a ng-click="Next()">
<span>下一页</span>
</a>
</li>
</ul>
</nav>
</div>
<div ng-controller="map_ctrl2">
<table class="table table-responsive table-striped">
<tr>
<th>ID</th>
<th ng-repeat="(x,y) in items[0]">{{ x }}</th><!--表头里的内容也可以手写-->
<th>操作</th>
</tr>
<tr ng-repeat="list in items">
<td>{{ $index + 1 }}</td>
<td>{{list.Name}}</td>
<td>{{list.target}}</td>
<td>{{list.status}}</td>
<td>{{list.status_date}}</td>
<td>{{data[1].time|date:'yyyy-MM-dd'}}</td>
<td><input type="button" class="btn btn-danger" ng-click="deleteTd($index)" value="删除" > <!--删除当前行-->
<input type="button" class="btn btn-warning" value="修改" >
</td>
</tr>
</table>
<!--下面是分页-->
<nav>
<ul class="pagination paging pull-right">
<li>
<a ng-click="Previous()">
<span>上一页</span>
</a>
</li>
<li ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}" >
<a ng-click="selectPage(page)" >{{ page }}</a>
</li>
<li>
<a ng-click="Next()">
<span>下一页</span>
</a>
</li>
</ul>
</nav>
</div>
十指狂魔浏览 1820回答 2
2回答
-
赵小妖么么哒
可以啊 -
orionwei
有，能，怎么了
随时随地看视频慕课网APP
AngularJS
Bootstrap
JavaScript