Возвращаемое значение из массива объектов в Angular 7

Question

Я относительно новичок в Angular, но у меня много чего происходит.Позволь мне объяснить.У меня есть массив объектов и успешно запущенный сервис, как показано ниже. массив объектов

У меня есть вход, созданный как поиск, использующий ngx-bootstrap TypeAheadModule, чтобы я мог показывать значения typeahead в поиске.Это успешно, если я использую жестко закодированный массив строк.

HTML-разметка для компонента, показанного ниже, на основе этой документации ngx-bootstrap.

<input [(ngModel)]="selected"
[typeahead]="points"
class="form-control">

Этот атрибут [typeahead] может принимать только строковый массив.

Так вот моя проблема.У меня есть массив объектов из моего сервиса, но мне нужно только значение имени каждого объекта, чтобы заполнить то, что станет строковым массивом для моего поиска.Я был по всему интернету в поисках лучшего способа получить только значение из моего массива.Я чувствую, что скучаю по чему-то чрезвычайно простому.

Ниже я оставил его.У меня есть вызов API для загрузки точек в массив точек, пока я не могу понять, как получить доступ к значениям внутри массива.

points: Point[] = [];  

 this.service.getPoints().subscribe(response=> {
  this.points = response as Point[]
});

Этот ток возвращает [Object Object] в моем TypeAhead.Как я могу получить доступ к значениям в моем массиве и вернуть их как строковый массив?

Спасибо всем!

Answer 1

Я пропустил небольшой раздел документации по ngx-bootstrap.Существует дополнительный атрибут typeaheadOptionField, который позволяет выбирать поле из более сложного массива объектов.

Answer 2

попробуйте это .. Я думаю, что вы пропустили div с ngFor

  <div *ngFor="let point as points; let i of index">
    <input [(ngModel)]="point[i]"
    [typeahead]="point"
    class="form-control">
  </div>

вашей попыткой печати массива points напрямую, я надеюсь, что этот подход решит вашу проблему.