自动填充文本框未触发选定值

时间:2015-06-25 06:28:04

标签: javascript angularjs autocomplete

我在angular js app中的自动填充文本框有问题。当我按任意键进行自动完成建议时,我的建议是进入文本框,所选值将出现在文本框中。当我试图通过html页面上的ng-model显示值时,它显示我第一次输入自动完成建议而不是建议值的字符。

谢谢!!!

这是我的HTML代码: -

<input type="text" id="tags" data-ng-model="placeselected"  data-ng-keyup="complete()"/>
<br />{{placeselected}}

这是我的js: -

$scope.complete = function() {
    $scope.availablePlaces = [];
    $http({
        method : 'GET',
        url : 'http://localhost:8080/orion-orbit/newclue/cities/ '+  $scope.cityselect.cityCode  + '/clueAnswers'
    }).success(function(data, status, headers,config) {
        $scope.getPlaces=data;
    }).error(function(data, status, headers,config) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
    });
    angular .forEach($scope.getPlaces,function(value) {
        if (value.getPlaces !=' ') {
            $scope.availablePlaces.push(value.ans);
        }
    });


    $("#tags").autocomplete({
        source : $scope.availablePlaces
    });
}

1 个答案:

答案 0 :(得分:1)

使用$scope

,而不是使用document.getElementById("id").value来检索文本框的值
var pickup_location = document.getElementById("pickup_location").value;

希望这会有所帮助!!