/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 vote135 views1 answer
Html5 number integer
Html
0 vote122 views2 answers
How to cover whole webpage by background image in html
Html
1 vote188 views1 answer
Ardhaan's world
Html
-1 vote166 views1 answer
Adding mp4 in html
Html
0 vote130 views1 answer
How to disable tabindex
Html
7 votes400 views2 answers
Tab image code
Html
8 votes151 views3 answers
Titles html
Html
15 votes131 views1 answer
In select option how to make one default
Html
1 vote160 views1 answer
How to inherit template expath odoo
Html
0 vote133 views1 answer
Unmute html5 video jquery
Html