Как использовать ngx-select angular 6

Question

HTML-код:

<ngx-select [items]="items" [noAutoComplete]="true" [(ngModel)]="itemId" placeholder="No city selected" (focus)="doFocus()"
  (blur)="doBlur()" (open)="doOpen()" (close)="doClose()" (select)="doSelect($event)" (remove)="doRemove($event)" 
  (selectionChanges)="doSelectOptions($event)"></ngx-select>

Код TS:

 public items: string[] = ['Amsterdam', 'Antwerp', 'Athens', 'Barcelona',
    'Berlin', 'Birmingham', 'Bradford', 'Bremen', 'Brussels', 'Bucharest',
    'Budapest', 'Cologne', 'Copenhagen', 'Dortmund', 'Dresden', 'Dublin',
    'Düsseldorf', 'Essen', 'Frankfurt', 'Genoa', 'Glasgow', 'Gothenburg',
    'Hamburg', 'Hannover', 'Helsinki', 'Kraków', 'Leeds', 'Leipzig', 'Lisbon',
    'London', 'Madrid', 'Manchester', 'Marseille', 'Milan', 'Munich', 'Málaga',
    'Naples', 'Palermo', 'Paris', 'Poznań', 'Prague', 'Riga', 'Rome',
    'Rotterdam', 'Seville', 'Sheffield', 'Sofia', 'Stockholm', 'Stuttgart',
    'The Hague', 'Turin', 'Valencia', 'Vienna', 'Vilnius', 'Warsaw', 'Wrocław',
    'Zagreb', 'Zaragoza', 'Łódź'];



public doFocus = () => console.log('SingleDemoComponent.doFocus');

    public doBlur = () => console.log('SingleDemoComponent.doBlur');

    public doOpen = () => console.log('SingleDemoComponent.doOpen');

    public doClose = () => console.log('SingleDemoComponent.doClose');

    public doSelect = (value: any) => console.log('SingleDemoComponent.doSelect', value);

    public doRemove = (value: any) => console.log('SingleDemoComponent.doRemove', value);

    public doSelectOptions = (options: INgxSelectOption[]) => console.log('SingleDemoComponent.doSelectOptions', options);

Список не отображается даже после выполнения всех шагов.Я изменил CSS списка ul на непрозрачность: 1 .... По умолчанию это была непрозрачность: 0.

Кто-нибудь знает, что здесь не так?

Ссылка, по которой я перешел, это

Angular ngx-select