/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 vote296 views1 answer
Fetch api get ip
Html
1 vote260 views1 answer
Pass method to composite jsf component
Html
1 vote313 views1 answer
Codewithmarley
Html
0 vote299 views1 answer
Block media keys from html audio pause
Html
0 vote271 views1 answer
Html not showing image with full path
Html
2 votes290 views1 answer
How to add an audio in html
Html
21 votes272 views1 answer
What is a viewport meta tags
Html
6 votes291 views2 answers
Html change button size
Html
16 votes287 views6 answers
Cards in bootstrap
Html
8 votes298 views3 answers
Html type file extension
Html