时间戳

首页 > 解决方案 > ng-select 搜索功能不显示任何结果

javascript - ng-select 搜索功能不显示任何结果

问题描述

我正在使用 Angular cli 版本 - 11.2.8 并使用 7.3 的 ng-select 版本。目前，我能够按预期呈现 UI，但是当我尝试在 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' },
];

标签： javascriptangularangularjstypescript

解决方案

请尝试下面的代码希望它能解决您的问题

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

有关更多详细信息，请查看示例 https://stackblitz.com/run?file=src%2Fdata-source-array-example.component.html

推荐阅读