/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 vote199 views3 answers
How to set all to left on html
Html
13 votes195 views3 answers
Html variables
Html
12 votes243 views2 answers
Bootstrap for header
Html
9 votes190 views2 answers
Html select react
Html
8 votes187 views6 answers
Bootstrap jumbotron
Html
-1 vote300 views2 answers
Index.html?profile=Responsive:30 Uncaught ReferenceError: $ is not defined
Html
1 vote275 views1 answer
Display object with indentaion in html
Html
0 vote206 views1 answer
Csp react
Html
-1 vote208 views2 answers
Style pseudo element, style before, style after
Html
2 votes224 views2 answers
Html disable anchor link
Html