Реализация ng2-select в Angular - PullRequest
Новая
       127

Реализация ng2-select в Angular

0 голосов
/ 17 июня 2020

Я использую ng2-select в своем приложении, ниже приведены шаги, предпринятые мной

npm i ng2-select --save

Добавлено в Модуль 

import { SelectModule } from 'ng2-select';

Также добавлен в раздел импорта

Ниже мой старый код, который я хочу заменить на ng2-select 

 <select id="arrivalLocation" [(ngModel)]="searchRequest.airportCode" name="location" data-name="Location" required="" class="x-input-select for-booker cs-select cs-skin-slide cs-loc w-select">
              <option value="" selected>Please Select Location & Airport</option>
              <option *ngFor="let iten of airportList" value={{iten.code}}>
                {{iten.name | titlecase}}
              </option>
            </select>

Я сделал следующее 

 <ng-select [allowClear]="true"
                [items]="airportList"
                [disabled]="disabled"
                placeholder="Please Select Location & Airport"
                name="location"
                data-name="Location" required=""
                class="x-input-select for-booker cs-select cs-skin-slide cs-loc w-select">
               </ng-select>

Здесь airportList представляет собой коллекцию с кодом и именем ключей, установленную через свойство [items], но не отражающую пользовательский интерфейс, также я не хочу выяснить, как установить [(ngModel)] в ng-select ,

Может ли кто-нибудь подсказать мне, как заменить первый код вторым (с)

Ссылка из https://valor-software.com/ng2-select/ Я пытаюсь создать раскрывающийся элемент управления с возможностью поиска.

Спасибо, что помогли мне

...