/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

30 votes181 views6 answers
Html email link
Html
0 vote164 views2 answers
Signature template html
Html
3 votes184 views4 answers
Svg circle
Html
6 votes186 views1 answer
How to link new tab in html button
Html
0 vote183 views1 answer
Html add input on button click
Html
2 votes206 views2 answers
Angular javascript for loop
Html
67 votes161 views6 answers
Html <a>
Html
0 vote177 views1 answer
Komodo ide 13
Html
1 vote175 views1 answer
Web mdc cdn
Html
13 votes145 views2 answers
From html to jsx
Html