uib-Pagination对我的应用程序不起作用?

时间:2015-11-27 05:05:58

标签: angularjs pagination

我一直在使用这个例子here来练习分页的例子。一切都很好,除了分页部分。我在互联网上尝试过几个例子但是找不到解决方法。我正在使用最新版本,虽然我根据文档尝试过它仍然没有用。

这是我的分页部分:

<div>
   <div data-pagination="" data-previous-text="<" data-next-text=">" data-first-text="<<" data-last-text=">>"
    data-on-select-page="pageChanged(page)" data-total-items="totalRecordsCount" data-page="currentPage"
    data-boundary-links="true" class="pagination pagination-sm" data-max-size="5" data-rotate="false" data-items-per-page="10">
   </div>
</div>

这就是我的尝试:

<div uib-data-pagination="" data-previous-text="<" data-next-text=">" data-first-text="<<" data-last-text=">>"... 

最新的做法是什么?对不起,我是angularjs的新手。

1 个答案:

答案 0 :(得分:2)

你没有提供足够的背景。

首先,使用模块 angular-bootstrap 附带的 uib-pagination ,在UI Bootstrap pagination中描述。像这样在HTML中使用它:

SELECT CASE WHEN paint.is_weak = 1 THEN 10 ELSE 0 END + CASE WHEN paint.is_low = 1 THEN 10 ELSE 0 END + CASE WHEN paint.is_hi = 'red' THEN 10 ELSE 0 END from PAINT;