如何在角度 5 中突出显示在 <ng-select> 和 <ng-option> 标记中选择的选项答案

【问题标题】：How to highlight the option selected in <ng-select> and <ng-option> tag in angular 5如何在角度 5 中突出显示在 <ng-select> 和 <ng-option> 标记中选择的选项
【发布时间】：2019-03-06 05:49:00
【问题描述】：

我有 2 个标签，当我单击下拉面板时，它会提供各种选项供选择，默认情况下会选择一个值，但是当我打开下拉面板时，它不会突出显示先前选择的选项。

我尝试在<ng-option> 标记中添加[selected]="filters" 或[ng-selected]="filters"，但它给我的错误是它不是<ng-option> 的已知属性

如何突出显示在下拉面板中选择的这个选项？

<ng-select [(ngModel)]="filterSelected" name="in" id="fileterName" 
       (open)=droppanel() >
    <ng-option *ngFor="let opt of filterJSONData" [value]="opt.val" >
          {{ opt.content }}
    </ng-option>
</ng-select>

提前致谢。

【问题讨论】：

你搜索了多少次？？ stackoverflow.com/questions/37968712/… 看看。可能你的答案就在那里。
@kamolchandraRoy ：他们正在使用
您是否尝试过插件随附的[ngOptionHighlight] 指令？ github.com/ng-select/ng-select#other
[ngOptionHighlight] 不起作用@Claies

标签： html angular

【解决方案1】：

select的定义应该是这样的：

<ng-select
  [items]="filterJSONData"
  bindLabel="{{content}}" bindValue="{{val}}"
  [(ngModel)]="filterSelected">
  <ng-template ng-option-tmp let-item="item" let-search="searchTerm">
    <div [ngOptionHighlight]="search">{{ item.content }}</div>
  </ng-template>
</ng-select>

当您在选择中键入文本时，匹配的值会显示为下划线。

【讨论】：