/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

0 vote250 views1 answer
Developer html template
Html
38 votes272 views4 answers
How to make new line in html paragraph
Html
14 votes260 views4 answers
Html a link to section on page
Html
1 vote236 views1 answer
Load popper in html
Html
0 vote242 views1 answer
Internal link css
Html
4 votes222 views2 answers
Use of urdu in lang attribute in html
Html
24 votes244 views5 answers
Html body background color
Html
6 votes244 views3 answers
How to center vertically in bootstrap col
Html
0 vote235 views2 answers
Regex float input
Html
0 vote247 views1 answer
Store data from html form to database django
Html