Как динамически установить размер селектора вход для нуга-нумерации - PullRequest
Новая
       11

Как динамически установить размер селектора вход для нуга-нумерации

2 голосов
/ 28 марта 2019

У меня ниже код работает нормально 

 <ngb-pagination class="d-flex justify-content-end" [collectionSize]="100" [pageSize]="5"
  [(page)]="currentPage" [maxSize]="5" [rotate]="true" (pageChange)="getToPage(currentPage)" [boundaryLinks]="true"
  [ellipses]="true" size="lg"></ngb-pagination>

Как я прочитал по официальной ссылке на документацию - https://ng -bootstrap.github.io / # / components / pagination / api , сказано, что вход size может быть установите в «lg» или «sm» в html.

Я хочу, чтобы он был отзывчивым, что означает, что для маленьких экранов размер должен принимать значение «см», а для средних и больших экранов - «lg». Ссылка не содержит информации о том, как динамически изменять размер. Работа с CSS - это альтернативный способ, но я хочу, чтобы это делалось способом Bootstrap.

1 Ответ

1 голос
/ 28 марта 2019

Объявите переменную для текущего размера size: string = 'sm';, поместите ее в шаблон [size]="size" и меняйте всякий раз, когда вам нужно.

https://stackblitz.com/edit/angular-l4cfzf?file=app%2Fpagination-size.html

Редактировать Чтобы отреагировать на изменение размера окна, вам нужно настроить Host Listener 

@HostListener('window:resize', ['$event'])
onResize(event) {
    // check/set the size
}
...