/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 vote310 views1 answer
Soundcloud player html5
Html
0 vote359 views1 answer
Detect changes in html binded property angular 8
Html
0 vote323 views1 answer
Niklas von hertzen html2canvas textarea capture only one line
Html
0 vote334 views1 answer
Html video multiple elements
Html
0 vote260 views1 answer
Vue barcode
Html
0 vote341 views1 answer
Typo3 news search form params lost pagination
Html
0 vote298 views1 answer
Form tab index skip readonly
Html
0 vote335 views2 answers
HTTP to HTTPS
Html
1 vote353 views3 answers
Twig capitalize
Html
1 vote342 views1 answer
Javascript getelementbyid hide element
Html