如何将对象绑定到 ngx-typehead 的值？

Question

i have this array:

let cityArrays = [
  {
    "zip": "60645",
    "city": "Chicago / IL",
    "longitude": "42.008956",
    "latitude": "-87.69634"
  },
  {
    "zip": "60647",
    "city": "Chicago / IL",
    "longitude": "41.921126",
    "latitude": "-87.70085"
  },
}

How can i show all of the cities in the typehead,but when the value is selected one city, then to get the whole object on typeaheadOnSelect event

<input [(ngModel)]="selectedObject" [typeahead]="cityArrays"  [isAnimated]="true" class="form-control" (typeaheadOnSelect)="select($event)">

Answer 1

According to the specification , this is what you need to do:

    <input
      type="text"
      placeholder="type a value from the list below"
      ngxTypeahead
      class="col-sm-12 form-control"
      [taList]="cityArrays"
      [taListItemField]="['city']"
      taListItemLabel="city"
      (taSelected)="handleStaticResultSelected($event)"
    />

Here is a stackblitz demo of what you are looking for.