Angular UI Bootstrap Pagination作为属性而不是自定义html指令

时间:2014-02-12 07:05:36

标签: angularjs pagination angular-ui-bootstrap

Angular通常允许您将某些指令指定为自定义HTML标记或标准html标记上的属性,或指定要包含在标记中的类。 angular UI Bootstrap Pagination是否遵循这些原则?如果是,是否有将分页指定为属性的示例?

2 个答案:

答案 0 :(得分:2)

工作here

分页指令限制为EA

<div pagination total-items="bigTotalItems" page="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true"></div>

答案 1 :(得分:1)

第一个问题的答案位于source

.directive('pagination', ['$parse', 'paginationConfig', function($parse, config) {
  return {
    restrict: 'EA',

其中restrict: 'EA'表示该指令既可以用作元素,也可以用作属性。

举个例子,您可以使用“在plunker链接中修改”来编辑demo上的示例

请参阅plnkr,了解其演示中第一个分页的已编辑示例。