Я планировал использовать Ng-select для пользователей для выбора городов (их много).
Я установил модуль с помощью npm:
npm install --save @ng-select/ng-select
И импортировал он выглядит следующим образом:
import { NgSelectModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';
В моем html у меня есть этот код:
<ng-select [items]="items"
bindLabel="name"
placeholder="Select item "
appendTo="body"
[(ngModel)]="selected">
</ng-select>
И в моем TS:
selected = "";
items = ["One","Two","Three"];
Теперь проблема в том, что "ng-select" не имеет дизайна, но функциональные возможности все еще работают (исследование, автозаполнение и т. д. c ...)
Вот что я получаю:
![enter image description here](https://i.stack.imgur.com/lgWt6.png)
вместо чего-то вроде:
![enter image description here](https://i.stack.imgur.com/qbLxM.png)
Я даже пробовал тему вроде:
@import "~@ng-select/ng-select/themes/ant.design.theme.css";
Но ничего не меняется.
Ребята, у вас есть идеи, почему это происходит?