web-remote/src/app/components/search/search-options/search-options.component.html

<mat-form-field >
  <mat-select
    [(ngModel)]="selectedSearchOption"
    (selectionChange)="setSearchOption($event)"
    name="selectedSearchOption"
    [placeholder]="searchOptionsTitle">
    @for (option of searchOptions; track option) {
      <mat-option
        name="searchOptions"
        [value]="option">
        {{ option }}
      </mat-option>
    }
  </mat-select>
</mat-form-field>
<br>