Angularjs UI.Bootstrap Шаблон настройки пагинации?

Question

Angularjs UI.Bootstrap Шаблон настройки пагинации?

0

Привет, я хотел бы, если бы вы могли указать мне правильный пример кода для Angularjs UI Bootstrap Pagination, чтобы настроить шаблон?

Я попытался найти google и здесь, в stackoverflow, но я не могу найти ни одного правильного примера или объяснения того, как использовать шаблон-url для разбивки на страницы для этого компонента функции.

https://angular-ui.github.io/bootstrap/#/pagination

Я хочу изменить шаблон кэша "template/pagination/pagination.html" на что-то вроде этого

<script type="text/ng-template" id="custompagination.html">
code here...
</script>

но это дало мне ошибки. Если у вас есть образец или советы, которые я могу читать в Интернете, сообщите мне.

Благодаря,

Eggy 05 дек. 2015, в 10:40

Источник

Теги:

angularjs

pagination

angular-ui-bootstrap

1 ответ

Ещё вопросы

Ian A · Answer 1 · 2015-12-07T09-11-00.000Z

Вы должны просто указать свой собственный шаблон в HTML следующим образом:

<script type="text/ng-template" id="template/pagination/pagination.html">
  <div class="pager">
    <div class="page" ng-click="selectPage(page.number)" ng-repeat="page in pages" ng-class="{active: page.active, disabled: page.disabled}">{{page.text}}</div>
  </div>
</script>

и некоторые CSS для стиля (если требуется):

div.page {
  float:left;
  background-color: #cccccc;
  width:20px;
  height:20px;
}

div.active {
  font-weight: bold;
  background-color: #ffffff;
}

Вы можете переопределить шаблон, используя директиву скрипта. Поскольку это имеет тот же идентификатор, что и шаблон шаблона страницы Bootstrap по умолчанию, он переопределит его. См. Здесь демо.