Блог

Я использую угловую версию cli — 11.2.8 и использую версию ng-select 7.3. В настоящее время я могу отображать пользовательский интерфейс, как и ожидалось, но когда я попытался выполнить поиск в поле ввода внутри элемента select, он ничего не искал. Я ищу проблему в деталях пакета самого NPM, затем у меня есть список версий, совместимых с различными типами версий angular CLI. Похоже, я использую правильную версию, но все равно ng-select работает неправильно.

 <ng-select [(ngModel)]="selectedCars">
   <ng-option *ngFor="let car of cars" [value]="car.id">{{car.name}}</ng-option>
</ng-select>

 

  selectedCars = 3; //i also used selectedCars =[3], and selectedCars ="3", but it didn't work
  cars = [
    { id: 1, name: 'Volvo' },
    { id: 2, name: 'Saab'},
    { id: 3, name: 'Opel' },
    { id: 4, name: 'Audi' },
];

 

пожалуйста, попробуйте приведенный ниже код, надеюсь, это решит вашу проблему

<ng-select [items]="cars" bindLabel="name" bindValue="id [(ngModel)]="selectedCars"> </ng-select>

для получения более подробной информации, пожалуйста, ознакомьтесь с примером https://stackblitz.com/run?file=src/data-source-array-example.component.html