如何在angularjs中使用typeahead？_Angularjs

如何在angularjs中使用typeahead？

angularjs

如何在angularjs中使用typeahead？,angularjs,Angularjs,我试图做自动完成，其中的数据是从url。我写了一个代码，但它的显示未定义。有人能帮我解决这个问题吗 //html file <!DOCTYPE html> <html ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Autocomplete using remote searching</title> <script src="angularfiles/ang

我试图做自动完成，其中的数据是从url。我写了一个代码，但它的显示未定义。有人能帮我解决这个问题吗

//html file
<!DOCTYPE html>
<html ng-app="myapp">
<head>
<meta charset="UTF-8">
<title>Autocomplete using remote searching</title>

<script src="angularfiles/angular.min.js"></script>
<script src="angularfiles/angular-animate.js"></script>
<script src="angularfiles/ui-bootstrap-tpls-0.13.4.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="Jsfiles/autourl.js"></script>
</head>
<body ng-controller="controller">
    <div class="ui-widget">
        <input type="text" ng-model="asyncselected" typeahead="r.city for r in getlist($viewValue)" typeahead-loading="loadingLocations" typeahead-no-results="noResults">
        <i ng-show="loadingLocations" class="glyphicon glyphicon-refresh"></i>
        <div ng-show="noResults">
        <i class="glyphicon glyphicon-remove"></i> No Results Found
        </div>
    </div>
</body>
</html>

//Js file

var app=angular.module("myapp",['ui.bootstrap']);
app.controller("controller",['$scope','$http',function($scope,$http){
    $scope.getlist=function(val){
        return $http.get("http://www.w3schools.com/angular/customers.php").then(function(response){
            return response.data.results.map(function(item){
                return item.City;
            });
        });
    };
}]);

//html文件
使用远程搜索自动完成
未找到任何结果
//Js文件
var-app=angular.module（“myapp”['ui.bootstrap']）；
app.controller（“controller”、['$scope'，'$http'，函数（$scope，$http）{
$scope.getlist=函数（val）{
返回$http.get（“http://www.w3schools.com/angular/customers.php）然后（函数（响应）{
返回response.data.results.map（函数（项）{
返回项目。城市；
});
});
};
}]);

可能是jsfile代码出了什么问题。我无法识别。有人能帮我解决吗。

您可以使用AngularUI指令。这是一个很好的方法，我使用它

您可以遵循这一点，这是一篇解释得很好的文章：编写指令很长。因此，我尝试了上面的方法。我只是对当时的语句有疑问……您的typeahead输入字段的html对我来说很好。问题在于getlist函数。这是一个有效的typeahead示例。你可以检查一下：它可以用alt来完成。有人能用它来解决吗？即使我已经试过了，但是我在getlist函数的js文件中有点困惑。该函数的所有内容都有。你能帮我吗