/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

12 votes217 views3 answers
Basic video player html
Html
2 votes211 views1 answer
Html video disable right click
Html
-103 votes233 views10 answers
Date
Html
4 votes222 views1 answer
C# get url html
Html
0 vote265 views1 answer
Link node module in html
Html
0 vote231 views1 answer
First div after css
Html
8 votes236 views1 answer
How to get number list in html
Html
0 vote220 views1 answer
Shopify custom html image tag src attribute
Html
0 vote229 views2 answers
How to increase size of input submit type in html
Html
43 votes223 views6 answers
Comment html
Html