可用选项未显示在 angular-typeahead 下拉菜单中答案

【问题标题】：Available options not showing in angular-typeahead drop down menu可用选项未显示在 angular-typeahead 下拉菜单中
【发布时间】：2014-03-17 12:48:20
【问题描述】：

我已经在我正在编写的一个小型 angularjs 应用程序中添加了 angular-typeahead，代码基于我下载的 angularjs-example 构建。我在控制器中定义了一个数组，可以在视图中选择一个项目。我在 app.js 的 angular.module 中添加了 ui.bootstrap。

participants.js：

$scope.clubs = ['BBIL', 'STIL', 'Vikane IL'];

participants.html：

<div class="form-group">
  <input type="text" class="form-control" placeholder="Club" ng-model="participant.club" typeahead="club for club in clubs | filter:$viewValue">
</div>

当我选择一个项目时，它会添加到文本框中，但下拉菜单不包含任何文本。如何在下拉列表中显示可用项目？可能有一些 css 魔法可以应用。

问候克劳斯

【问题讨论】：

标签： angularjs bootstrap-typeahead

【解决方案1】：

从您的屏幕转储中可以看出输出了一些内容。如果过滤器不匹配任何项目，typeahead 指令根本不会显示列表。也许检查 Chrome 中的预输入列表，看看是否有一些 CSS 隐藏了文本？

【讨论】：

【解决方案2】：

找出原因，文档可能会更清楚地说明这一点。需要在文件夹 app/template/typeahead 中包含两个文件，即 typeahead-match.html 和 typeahead-popup.html。在https://github.com/angular-ui/bootstrap/tree/master/template/typeahead 得到它们。现在它就像一个魅力。 :-)

【讨论】：