同一页面上的两个角度ui bootstrap分页不起作用

时间:2017-02-27 17:09:36

标签: javascript angularjs twitter-bootstrap pagination angular-ui-bootstrap

我在同一页面上有2个角度的UI引导分页,但我的第二个分页无法正常工作。

我的第一个分页初始化是:

<ul uib-pagination total-items="list_details.length" max-size="4" items-per-page="page_size" ng-model="current_page" ng-change="pageChanged()"> </ul>

我在其中一个父ng-init="page_size=50"上将page_size的值设置为DIV

我的表tr是:

<tr ng-repeat="cl in list_details | limitTo: page_size:(current_page-1)*page_size"></tr>

我的第二个分页初始化是:

<ul uib-pagination total-items="main_details.length" max-size="4" items-per-page="page_size_main" ng-model="current_page_main" ng-change="pageChanged()"></ul>

我在其中一个父ng-init="page_size_main=50"上将page_size_main的值设置为DIV

我的表tr是:

<tr ng-repeat="em in main_details | limitTo: page_size_main:(current_page_main-1)*page_size_main"></tr>

现在奇怪的是我的第一张桌子有14个记录和第一个分页工作正常。但是对于第二个表,分页是按照数据长度正确创建的,但表格显示所有记录。因此,对于第二个,有58个记录,因此每页大小为50,正在创建2个页面,但该表显示所有58个记录,并且分页链接不适用于第二个表。

如果我将第一个表的页面大小设置为10,那么第二个表的数据将被过滤为10,但是第二个表的分页仍然不起作用。这很奇怪,我无法从任何地方获得解决方案。

有人可以帮助我吗?

Downvoters给出了理由,以便我可以改进我的问题。

1 个答案:

答案 0 :(得分:0)

我得到了解决问题的方法。这可能有助于某人,所以我发布自己的答案。我用包含public static Bitmap CombineImages(Bitmap background, Bitmap foreground) { int width = (int) act.getResources().getDimension(R.dimen.imageH); int height = (int) act.getResources().getDimension(R.dimen.imageH); Bitmap cs = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); Canvas comboImage = new Canvas(cs); background = Bitmap.createScaledBitmap(background, width, height, true); comboImage.drawBitmap(background, 0, 0, null); float Fwidth = foreground.getWidth(); float Fheight = foreground.getHeight(); if (Fheight>Fheight){ Fwidth=(height/Fheight) * Fwidth; Fheight=height; foreground = Bitmap.createScaledBitmap(foreground,(int) Fwidth,(int) Fheight, true); } if (Fheight<=Fheight){ Fheight=(width/Fwidth)*Fheight; Fwidth=width; foreground = Bitmap.createScaledBitmap(foreground,(int) Fwidth,(int) Fheight, true); } float top = (height-Fheight)/2; float left = (width-Fwidth)/2; comboImage.drawBitmap(foreground, left, top, null); return cs; } 包装器的父div包装了我的第二个表格分页。

ng-if

这导致我的ng-change不会激活两次,因为加载分页时我的模型项页面有一个值,希望这有助于其他人。

只需将<div ng-if="...some condition..."> <ul uib-pagination total-items="main_details.length" max-size="4" items-per-page="page_size_main" ng-model="current_page_main" ng-change="pageChanged()"></ul></pagination> </div> 替换为ng-if,一切都应该正常。