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

Question

我正在使用ngx-bootstrap Typeahead进行自动完成。 我从其余API获取了ID，并且必须将其与ngModel绑定。

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

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

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

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'}];
}