分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了angularjs – Angular UI typeahead不显示下拉列表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_502_2@

我正在尝试使用Angular UI typeahead.我的问题是下拉列表没有显示.正确调用远程数据并返回数据…但下拉列表拒绝显示…

<td colspan="5">
   <pre>Model: {{SELEcted| json}}</pre>
   <input id="AutoCompleteDebtor" 
          type="text" 
          data-ng-model="SELEcted" 
          data-typeahead="debtor for debtor in Debtors($viewvalue)" 
          class="form-control input-sm" 
          placeholder="Enter 3 letters of Debtor Name" />
</td>

更新：好的 – 它与字符串名称数组配合良好,但我如何使用对象？

<!DOCTYPE html>
<html data-ng-app="myApp">
<head>
<title>Angular Typeahead</title>
<link href="Content/bootstrap/bootstrap.min.css" rel="stylesheet" />
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/ui-bootstrap-tpls-0.6.0.min.js"></script>
<script>
    angular.module('myApp',['ui.bootstrap'])
    .controller('SimpleController',function ($scope) {
        $scope.people = [
            { name: 'Alan',age: 23 },{ name: 'Bruce',age: 24 },{ name: 'Celine',age: 53 },{ name: 'Dan',age: 43 },{ name: 'Eric',{ name: 'Freda',age: 47 },{ name: 'Greg',age: 73 },{ name: 'HAnna',age: 27 }
        ];
    });
</script>

</head>
<body data-ng-controller="SimpleController">
<div>
    <pre>Model: {{SELEcted| json}}</pre>
    <input type="text" data-ng-model="SELEcted" data-typeahead="name for name in people | filter:$viewValue | limitTo:8">
</div>
</body>
</html>