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

Question

我已经将angular-typeahead添加到我正在编写的一个小angularjs应用程序中，代码构建在我下载的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>

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

问候 克劳斯

Answer 1

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

Answer 2

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