javascript - 是否可以在 ngModel 中设置/绑定 ID 并在 NGX-Bootstrap typeahead 中显示标签？

Question

我正在使用 ngx-bootstrap Typeahead 进行自动完成。我从其余 API 中获得了一个 ID，并且必须将其与ngModel.

我要做的是，将 ID 绑定到状态（ngModel）并在自动完成中显示名称。

我的意思是，如果初始加载时状态为 2，则应在自动完成中选择名称“阿拉斯加”。

我尝试了很多方法，但还没有成功。

Typeahed 只是将所选名称显示为带有“typeaheadOptionField”的映射

模板：

<input [(ngModel)]="status"
       [typeahead]="statesComplex"
       typeaheadOptionField="name"
       [typeaheadMinLength]="0"
       class="form-control autocomplete-input"
       formControlName="billableStatus"
       placeholder="Select Status">

零件：

export class UserComponent  { 
    status;
    statesComplex:any[] = [
        {id: 1, name: 'Alabama'}, {id: 2, name: 'Alaska'}, {id: 3, name: 'Arizona', region: 'West'},
        {id: 4, name: 'Arkansas', {id: 5, name: 'California'},
        {id: 6, name: 'Colorado'}, {id: 7, name: 'Connecticut'},
        {id: 8, name: 'Delaware'}, {id: 9, name: 'Florida'},
        {id: 10, name: 'Georgia'}];
}