[英]How to highlight the option selected in <ng-select> and <ng-option> tag in angular 5
我有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>
提前致谢。
选择的定义应如下所示:
<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>
在选择中键入文本时,匹配值显示为下划线。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.