Angularjs 在angular typeahead下拉菜单中未显示的可用选项

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

参与者.js：

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

particients.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魔法可以应用

问候 克劳斯

---

从屏幕转储中可以看出输出了一些内容。如果筛选器与任何项目不匹配，则

typeahead

指令根本不显示列表。也许可以检查一下Chrome中的typeahead列表，看看是否有一些CSS隐藏了文本？

找出原因，文档可以更清楚地了解这一点。需要在app/template/typeahead文件夹中包含两个文件，即typeahead-match.html和typeahead-popup.html。我是在。现在它就像一个符咒一样工作。：-）