即使使用格式化程序，NgbTypeahead也仅显示Object对象

Question

我要使用NgbTypeahead作为自动补全功能。据我所知，它为需要格式化程序如inputFormatter和resultFormatter的对象返回原始json。

我尝试了此堆栈link中的解决方案，但它仍显示对象对象。

在我的代码下面：

模板：

<div>
<input id="searchBox" type="text"  class="form-control" [ngbTypeahead]="autoComplete">
<hr>

ts-code：

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()