【问题标题】:ng-select search function not showing any resultng-select 搜索功能不显示任何结果
【发布时间】:2021-11-16 16:34:35
【问题描述】:

我正在使用 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' },
];

【问题讨论】:

  • 拼写错误。在您的[(ngModel)]="selectedCar" 中,但您的变量命名为selectedCars。将变量名改为selectedCar

标签: javascript angular angularjs typescript


【解决方案1】:

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

&lt;ng-select [items]="cars" bindLabel="name" bindValue="id [(ngModel)]="selectedCars"&gt; &lt;/ng-select&gt;

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

【讨论】:

  • 您好,实际上ng-select 可以与ng-option 一起使用,您可以查看Getting started --> Usage section。而且您附加的链接已损坏。
  • @YongShun 是的,我的错,但我发布的代码更清晰易懂
  • @YongShun 感谢您强调更新了我的答案
猜你喜欢
  • 2016-06-12
  • 2016-01-12
  • 2017-06-09
  • 1970-01-01
  • 2014-01-20
  • 1970-01-01
  • 1970-01-01
  • 2021-01-25
相关资源
最近更新 更多