Как выделить вариант, выбранный ва такжеметка угловая 5

Question

У меня есть 2 тега, когда я щелкаю по панели перетаскивания, она предоставляет различные варианты выбора, по умолчанию выбирается одно значение, но когда я открываю панель перетаскивания, она не выделяет ранее выбранный параметр.

Я попытался добавить [selected]="filters" или [ng-selected]="filters" в тег <ng-option>, но я получаю ошибку, что это не известное свойство <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>

Заранее спасибо.

Answer 1

Определение выбора должно быть таким:

<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>

При вводе текста в выборке значения совпадений отображаются подчеркиванием.