<div class="field">
  <div class="control is-expanded has-icons-left">
    <input class="input" type="text" placeholder="Paris (keyup)="searchLocation(searchForm.get('location').value)" formControlName="location">
    <span class="icon is-small is-left">
      <fa-icon [icon]="['fas', 'map-marker-alt']"></fa-icon>
    </span>
  </div>
  <div class="dropdown" [ngClass]="{ 'is-active': (isSearched && searchForm.get('location').value) }">
    <div class="dropdown-menu">
      <div class="dropdown-content">
         <a class="dropdown-item" (click)="selectLocation(location)" *ngFor="let location of locations$ | async">
           {{ location }}
         </a>
       </div>
     </div>
   </div>
</div>