如何将字符串放入 typeahead bootstrap 4 angular 2 v5

Question

我的预输入有 2 个问题

首先，当我在我的预先输入列表中选择一个对象时，我在我的字段中获得了正确的字符串，但在我的表单中我有一个对象

这是我的意见

<input formControlName=SEARCHMARQUE_VEHICULE type="text" class="form-control" placeholder="Marque" [ngbTypeahead]="typeaheadHttp.searchMarqueVoiture" [inputFormatter]="typeaheadHttp.formatterMarqueVoitureInput" (selectItem)="selectedMarqueVoiture($event)"[resultFormatter]="typeaheadHttp.formatterMarqueVoiture">

这是我的格式化程序

public formatterMarqueVoiture = (x: { NOM_MARQUE: string }) => x.NOM_MARQUE;
public formatterMarqueVoitureInput = (x: { NOM_MARQUE: string }) => x.NOM_MARQUE;

这是我表单中的对象

当我用格式化程序询问字符串类型时，我不明白为什么我有一个对象

SEARCHMARQUE_VEHICULE: 对象 { ID_MARQUE: "mercedes", NOM_MARQUE: "Mercedes-Benz" }

所以我的问题是我怎样才能得到表单中的字符串？

我的第二个问题是

当使用 API 获取数据时，我需要输入表单

但是当我想在我的 formControlName=SEARCHMARQUE_VEHICULE 中放入数据时，这个数据不会出现在预先输入的字段中，但是当我创建 console.log() 时它就在我的表单中

我不明白为什么，我需要你的帮助

提前致谢

Answer 1

我们只需要在格式化程序中创建一个条件

public formatterMarqueVoitureInput = (x:any ) => { (typeof x === 'object') ? x=x.NOM_MARQUE : x=x; return x};

谢谢你的反对