Как применить стили boostrap к компоненту ng-select? - PullRequest
Новая
       19

Как применить стили boostrap к компоненту ng-select?

0 голосов
/ 05 апреля 2019

Раньше я имел выпадающий список в моем коде. Я заменяю этот выпадающий список компонентом ng-select. Основная причина, по которой я пошел на это, заключается в том, что я хочу сделать существующее поле выбора доступным для редактирования для поиска. однако после начала использования ng-select поле выбора охватывает всю страницу. я хочу избежать Любая идея, как я могу применить стили Boostrap к нему. я использую угловой 5 и загрузчик 4? 

<select class="mdb-select md-form" searchable="search here" formControlName="contactList" [compareWith]="compareResource">
<option value="" disabled>{{ 'PLACEHOLDERS.CONTACT_LIST' | translate }}</option>
<option *ngFor="let contactList of contactLists" [ngValue]="contactList">{{ contactList.name }}</option>
</select>

после перехода на использование ng-select 

<ng-select [searchable]="true" formControlName="contactList" [items]="contactLists" 
bindLabel="name" 
placeholder="select a contact list" [compareWith]="compareResource">
</ng-select>

однако выпадающий список теперь охватывает всю страницу. где, как и раньше, выпадающий список был маленьким и компактным.

ценю любую помощь большое спасибо

...