/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 vote160 views1 answer
How to load at bottom of page html
Html
0 vote119 views1 answer
Scroll to section href
Html
0 vote141 views1 answer
How to add vertical space between two text boxes in html
Html
0 vote140 views1 answer
How to run command prompt
Html
60 votes160 views6 answers
Images in html
Html
75 votes157 views6 answers
Html button with href
Html
2 votes155 views1 answer
Svg text
Html
4 votes143 views2 answers
Conveert text to uppercase in input field
Html
0 vote137 views1 answer
How to add a row in table html
Html
0 vote178 views1 answer
Image background drawable android studio
Html