각도 UI- 부트 스트랩 Typeahead : Enter 키를 선택한 경우 상단 항목 허용

Question

간단한 질문이지만 ENTER를 누르면 드롭 다운 결과의 첫 번째 항목을 선택한 항목으로 유지할 수 있습니까?

이 예는 "PC0"의 사용자 유형이고 첫 번째 옵션으로 "PC001"이 표시되어 있습니다. ENTER를 눌렀을 때 typeahead-on-select 옵션에서 "PC001"을 사용할 수 있습니까?

나는 현재 typeahead-on-select을 사용하여 id를 통해 입력을 호출하고 함수에서 사용할 값을 가져 오는 함수를 실행합니다. 선택한 값 대신 텍스트 상자에 입력 한 내용을 ENTER 또는 Click에서 사용하는 것으로 보입니다.

는 HTML 다음getApplicationValue()에 대한

<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"> 

JS는 다음과 같습니다

$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; 
    }