/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

2 votes304 views1 answer
Get http://localhost:8080/favicon.ico 404 (not found)
Html
0 vote319 views1 answer
Simple form for add id to input
Html
0 vote424 views1 answer
Fab model
Html
5 votes335 views4 answers
What is redux thunk
Html
-1 vote358 views1 answer
How to eliminate scroll bar in html
Html
0 vote296 views1 answer
Link underline none
Html
0 vote364 views1 answer
HTML5 controls
Html
3 votes1.2K views2 answers
Bootstrap 5 link stylesheet
Html
0 vote316 views10 answers
Www.selleit.in
Html
0 vote345 views1 answer
Roslaunch if else
Html