/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 vote317 views1 answer
Nuxt route id nuxt link
Html
1 vote294 views1 answer
Typo3 pass argument to action
Html
15 votes379 views3 answers
Jquery change picture src
Html
-1 vote330 views1 answer
Html vertical text in table cell
Html
0 vote361 views1 answer
Call to a member function format() on string
Html
1 vote345 views1 answer
Anchor tag for the same page
Html
3 votes334 views1 answer
Md file link
Html
-2 votes369 views1 answer
Resetting canvas html
Html
0 vote322 views2 answers
How to make password in html correct or incorrect
Html
0 vote300 views1 answer
Ght TypeError: Cannot read properties of null (reading 'value') at getInchesValue (BMI.is:12) at HTMLSelectElement.onchange (Index.html:20)
Html