/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

2 votes314 views2 answers
How to enable file input on click on image
Html
35 votes326 views6 answers
InnerHTML
Html
0 vote304 views1 answer
Why place holder does not show
Html
1 vote322 views1 answer
Html em vs i
Html
17 votes288 views4 answers
Html align text right
Html
0 vote290 views1 answer
Change the entire page font
Html
10 votes283 views2 answers
Get input value on button click javascript
Html
0 vote323 views4 answers
Bootstrap starter template
Html
5 votes274 views2 answers
How to disable image dragging in html
Html
1 vote337 views1 answer
Disable auto submit when hitting enter key
Html