/Html/Auto complete display name instead of value

Auto complete display name instead of value

<mat-form-field class="example-full-width">
  <input type="text" placeholder="Person" aria-label="Person" matInput formControlName="personId" [matAutocomplete]="auto">

  <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn.bind(this)">
      <mat-option *ngFor="let item of filteredOptions" [value]="item.id">
        {{ item.name }}
      </mat-option>
  </mat-autocomplete>
</mat-form-field>

Source: stackoverflow.com

Auto complete display name instead of value

displayFn(value?: number) {
  return value ? this.filteredOptions.find(_ => _.id === value).name : undefined;
}

Source: stackoverflow.com

Similar codes

1 vote254 views1 answer
Taka html code
Html
0 vote242 views2 answers
Html5 vs css3
Html
2 votes254 views1 answer
Html one page template free
Html
1 vote254 views2 answers
R install multiple packages
Html
1 vote272 views1 answer
Usehistory is not exported from react-router-dom
Html
0 vote278 views1 answer
Ngfor display in html table
Html
5 votes263 views3 answers
Add color to hr tag
Html
4 votes298 views3 answers
WhatsApp Share Link
Html
-1 vote284 views2 answers
Start a video at a certain time and end time html
Html
0 vote254 views1 answer
Cron job visit url each 15 min cpanel
Html