角度のあるUI-ブートストラップタイプオーバーヘッド：Enterキーを押したときに選択されたアイテムをそのまま受け入れる

Question

簡単な質問ですが、ENTERを押すと、ドロップダウンの最初のアイテムが選択されたアイテムになりますか？

この例は、「PC0」のユーザータイプで、最初のオプションとして「PC001」が表示されています。Enterキーを押したときにtypeahead-on-selectオプションで「PC001」を使用できますか？

私は現在、typeahead-on-selectを使用して、idを介して入力を呼び出し、関数で使用するValueを取得する関数を実行しています。選択した値の代わりにテキストボックスに入力されたものを、ENTERまたはClickのいずれかで使用しているようです。

HTML：

<input id="applicationComboBox" 
     type="text" 
     ng-model="applicationComboBox" 
     uib-typeahead="a as a.Value for a in applicationList | filter:$viewValue" 
     typeahead-on-select="getApplication()" 
     class="form-control"> 

JSgetApplicationValue()ため、次のようになります

$scope.getApplication = function() { 
    $scope.ApplicationValue = applicationComboBox.value; 
} 

問題がapplicationComboBox.valueでは、ユーザーがに入力した内容のテキストですクリック/ハイライトされた値の代わりにクリック/入力時の入力したがって、前の例では "PC0"は "PC001"ではなく値になります。

Answer 1

ユーザが/ enterを選択すると、ng-model applicationComboxは自動的に更新されます。あなたが別の値$scope.ApplicationValueが選択後に更新されるようにしたい場合は、以下の

$scope.applicationCombox = ""; //your existing model. 
$scope.getApplication = function() { 
$scope.ApplicationValue = $scope.applicationCombox; 
} 

は、私たちは知ってみましょうか。

Answer 2

私のために働く解決策を手に入れることができました。

HTML：

<input id="applicationComboBox" 
    type="text" 
    ng-model="applicationComboBox" 
    uib-typeahead="a as a.Value for a in applicationList | filter:$viewValue" 
    typeahead-on-select="onApplicationSelect($item, $model, $label, a)" 
    class="form-control"> 

JS：

$scope.onApplicationSelect = function (item, model, label, application) { 
     applicationComboBox.value= item.Value; 
    }