dspace-angular/src/app/shared/search/advanced-search/advanced-search.component.html

<h3>{{ 'search.sidebar.advanced-search.title' | translate }}</h3>
<div *ngVar="advancedFilterMap$ | async as advancedFilterMap" class="advanced-search b-3 p-3">
  <h5>{{ 'search.sidebar.advanced-search.filter-by' | translate }}</h5>
  <select [(ngModel)]="currentFilter" class="form-control mb-2">
    <option *ngFor="let advancedFilter of (advancedFilters$ | async) | keyvalue" [value]="advancedFilter.value.filter">
      {{ 'search.filters.filter.' + advancedFilter.value.filter + '.head' | translate }}
    </option>
  </select>
  <select [(ngModel)]="currentOperator" class="form-control mb-2">
    <option *ngFor="let operator of advancedFilterMap.get(currentFilter)?.operators" [value]="operator.operator">
      {{ 'search.filters.operator.' + operator.operator + '.text' | translate }}
    </option>
  </select>
  <ds-filter-input-suggestions [suggestions]="(filterSearchResults$ | async)"
                               [placeholder]="'search.filters.filter.' + currentFilter + '.placeholder' | translate"
                               [label]="'search.filters.filter.' + currentFilter + '.label' | translate"
                               [action]="router.url"
                               [name]="'f.' + currentFilter"
                               [(ngModel)]="currentValue"
                               (findSuggestions)="findSuggestions($event)"
                               ngDefaultControl>
  </ds-filter-input-suggestions>
  <button [disabled]="currentValue === ''" class="btn btn-primary mt-2">
    {{ 'search.sidebar.advanced-search.add' | translate }}
  </button>
</div>