/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

1 vote126 views2 answers
Ckeditor not showing django
Html
0 vote176 views1 answer
Change td color html
Html
0 vote84 views2 answers
Beautifulsoup(driver.page_source 'html.parser')
Html
7 votes128 views2 answers
Html description tag
Html
0 vote128 views1 answer
Restart remote computer cmd using ip address
Html
3 votes120 views2 answers
Html email input
Html
2 votes142 views2 answers
Html p tag
Html
8 votes120 views10 answers
Hi
Html
1 vote133 views1 answer
Html input price
Html
9 votes121 views1 answer
2 way bind vue
Html