javascript - FormControl angular 2を使用したngx-bootstrap typeahead

Question

これは、解決策が見つからない単純な問題です。入力に、ユーザーがカテゴリを選択できる先行入力ディレクティブがあります (カテゴリ配列の例 -> [{ id: 1as1d, name: 'some category'},...]

FormControl フィールド (送信されたフォームに表示される) に id 値を設定し、入力に名前を表示する方法 (ユーザーが選択しているときに入力に表示されます)。FormControl を使用しているときに、送信されたフォームと表示されているものを区別する方法はありますか?

同じ変数をIDのみまたは名前のみで表示および設定する方法しか見つかりませんでした。

<input 
    formControlName="category"
    [formControl]="userForm.controls['category']"
    [typeahead]="categoriesObservable"
    (typeaheadLoading)="toggleLoadingCategories($event)"
    (typeaheadNoResults)="toggleNoCategoriesFound($event)"
    (typeaheadOnBlur)="categoryFieldSelected($event)"
    (typeaheadOnSelect)="categoryFieldSelected($event)"
    typeaheadOptionsLimit="7"
    typeaheadOptionField="name"
    placeholder="Choose a category"
    class="form-control"/>