угловая 2 установить прокрутку по умолчанию для просмотра

Question

В угловых 2 мат-выбор у меня 50 предметов (только целые числа от 1 до 50).Текущее значение привязки скажем 5. 5 отображается правильно в нераскрытом состоянии.Если я открою выбор / раскрывающийся список, чтобы изменить это значение, я хочу, чтобы в раскрывающемся меню прокрутился до пункта 26 и выделил его, поэтому все, что нужно сделать пользователю, это щелкнуть.Это потому, что в любое время они меняют это значение в 99% случаев, когда оно равно 26. Любые указатели о том, как это сделать, оценены.

Answer 1

Это можно сделать, выполнив следующие действия.

Установить ссылку на шаблон на mat-select

<mat-select #matSelect placeholder="List of numbers">

Использовать событие щелчка на mat-form-field и передавать matSelect в качестве аргумента

<mat-form-field (click)="focusItem(matSelect)">

Установите фокус на нужный вам индекс опции

focusItem(el){
    el.options['_results'][25].focus()
  }

Stackblitz

https://stackblitz.com/edit/angular-tuh17s?embed=1&file=app/select-overview-example.html