ngx-bootstrap typeahead с шаблоном optionslisttemplate, не учитывающим значение typeaheadOptionsInScrollableView

Question

Моя проблема - ссылка на StackBlitz: https://stackblitz.com/edit/angular-5qqtrs

Я использую ngx-bootstrap и директиву typeahead для входного текстового элемента.Мне нужно, чтобы я мог получить optionsListTemplate для показа контейнера с ограниченной высотой прокрутки.

Я хочу, чтобы в раскрывающемся списке контейнера списка отображалось ограниченное количество элементов (фиксированная высота), прежде чем выполнять прокрутку (по умолчанию это 5 элементов).

Я установил typeaheadOptionsInScrollableView (6) и typeaheadScrollable (true).Пока я не использую атрибут optionsListTemplate, элемент управления отображается правильно.

Это показывает, что я хочу

При настройке пользовательского параметра optionsListTemplate элемент управления не ограничивает список отображаемых параметров.

Это показывает, что я получаю

При исследовании исходного кода для ngx-bootstrap - typeahead, поле guiHeight используется внутри для установки высоты контейнера на основе спискавысота элементов * количество от атрибута typeaheadOptionsInScrollableView.Это значение возвращается неопределенным.

ngx-bootstrap site:

https://valor -software.com / ngx-bootstrap / # / typeahead .

Я использую угловой 7.x (последняя версия), bootstrap 4.3.1, ngx-bootstrap 3.1.1

Любая помощь приветствуется.

- Ed

Answer 1

На странице документации указано, что у optionsListTemplate есть 3 переменные шаблона: соответствия, itemTemplate, запрос.Поэтому я думаю, что они никогда не думали об этом

Самый простой и быстрый способ - это нарезать массив совпадений =>

<ng-template ngFor let-match let-i="index" [ngForOf]="matches.slice(0,6)">

, при этом отображаются только до 6 элементов

Надеюсь, это поможет