/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

3 votes149 views2 answers
How to choose multiple option from select option
Html
1 vote153 views1 answer
Intput field submit button
Html
1 vote128 views2 answers
Blade loop index
Html
9 votes150 views4 answers
Boostrap grid
Html
-1 vote146 views1 answer
Google translate for website html code
Html
25 votes182 views6 answers
Markdown
Html
1 vote179 views1 answer
Success green color code
Html
0 vote138 views1 answer
Cambiar src jquery
Html
3 votes135 views1 answer
H1 red
Html
1 vote165 views1 answer
Line break in button
Html