How can use image in Typeahead template?

[gaurav-sharp]

I want to use image along with the name in Typeahead template.

I have the marked code in bold where I wish to use it. If anybody got solution please suggest. here is my code.

This is the sample list

const ImageList: any = [
  { name: 'Mick Rory', path: 'data:image/jpeg;base64,/9j/4AAQSkZJRgAB' },
  { name: 'Sarah Lance', path: 'data:image/jpeg;base64,/9j/4SHHDJZadU' }
]

This is the html

<input type="search" class="form-control" placeholder="Search User" [(ngModel)]="selected"
           [typeahead]="imageList"
           typeaheadOptionField="name"
           [optionsListTemplate]="customListTemplate">
    <ng-template #customListTemplate  let-matches="matches" let-query="query" let-typeaheadTemplateMethods>
      <ul class="participants__input__options" [class.dropdown-menu]="isBs3">
        <li class="participants__input__options__option"
            *ngFor="let match of matches"
            [class.active]="typeaheadTemplateMethods.isActive(match)"
            (click)="typeaheadTemplateMethods.selectMatch(match, $event)"
            (mouseenter)="typeaheadTemplateMethods.selectActive(match)">

<img src={{match.path}}> <span>{{ match.name}} </span>

        </li>
      </ul>
    </ng-template>
```