Expected behavior mdb-auto-completer has an attribute, displayValue, that allows you to specify a function to convert an object to a string for display with the select value.

Actual behavior This seems to work, but an error is created in typescript. I believe this is due to the value alltribute of the mdb-option being type string instead of any or string | any.

Resources (screenshots, code snippets etc.)

    <input type="text"
       class="completer-input form-control mdb-autocomplete mb-0"
       [(ngModel)]="searchText2"
       (ngModelChange)="findEmployees()"
       [mdbAutoCompleter]="auto"
       mdbInput
       placeholder="Pick the employee" />
<mdb-auto-completer [disabled]="disabled || readonly" #auto="mdbAutoCompleter" textNoResults="No results" [displayValue]="onDisplayValue">
  <mdb-option *ngFor="let option of data" [value]="option">
    <div class="d-flex flex-column">
      <strong>Name: {{ option.displayName }}</strong>
      <small>Title: {{ option.title }}</small>
      <small>Phone: {{ option.workPhone }}</small>
    </div>
  </mdb-option>
</mdb-auto-completer>

code behind

  data: IEmployee[] = [];
  onDisplayValue(employee: IEmployee): string {
    console.log(employee)
    return employee && employee.displayName ? employee.displayName : '';
  }