Я использую NgbTypeahead для автозаполнения. Как я знаю, он возвращает сырой json для объектов, которым для правильного отображения объектов необходим форматер, такой как inputFormatter и resultFormatter.
Я пробовал решение из этого стека ссылка , но он все еще показывает объект объекта.
Ниже моего кода:
шаблон:
<div>
<input id="searchBox" type="text" class="form-control" [ngbTypeahead]="autoComplete">
<hr>
ts-код:
autoComplete = (text$: Observable<string>) =>
text$.pipe(
debounceTime(250),
distinctUntilChanged(),
switchMap( s => s.length < 2 ? [] : this.apiService.autoComplete(s))
)
Ответом на вызов API является массив объектов со следующей структурой:
export interface KeyNames {
id: string;
keyName: string;
}
Как мне написать средство форматирования для отображения только свойства keyName объекта?
Я попробовал следующее, которое не сработало:
formatter = (result: KeyNames[]) => result.values()