Question

我有一个奇怪的问题，我似乎无法在jsfiddle中复制。我有一个简单的typeahead（我在bootstrap网站上使用了状态示例）。一切都很好，除了箭头键不让我浏览下拉列表，点击一个项目不会选择它（即，不在文本框中填充它）。

我认为这可能是我的css在其他地方，所以我已经评论了所有的css，仍然没有运气。

任何人都可以告诉我在哪里看？关于什么可能是错误的任何理论？

我发布了一些代码，但我在代码中粘贴了这个示例（http://angular-ui.github.io/bootstrap/#/typeahead）

Answer 1

以下是修复，此时尚未合并：https://github.com/angular-ui/bootstrap/pull/2557/files

因此修复将在加载angular-bootstrap-ui之后的任何地方包含以下代码：

angular.module("template/typeahead/typeahead-popup.html", []).run(["$templateCache", function($templateCache) {
    $templateCache.put("template/typeahead/typeahead-popup.html",
        "<ul class=\"dropdown-menu\" ng-show=\"isOpen()\" ng-style=\"{top: position.top+'px', left: position.left+'px'}\" style=\"display: block;\" role=\"listbox\" aria-hidden=\"{{!isOpen()}}\">\n" +
        "    <li ng-repeat=\"match in matches track by $index\" ng-class=\"{active: isActive($index) }\" ng-mouseenter=\"selectActive($index)\" ng-click=\"selectMatch($index)\" role=\"option\" id=\"{{match.id}}\">\n" +
        "        <div typeahead-match index=\"$index\" match=\"match\" query=\"query\" template-url=\"templateUrl\"></div>\n" +
        "    </li>\n" +
        "</ul>");
}]);

Answer 2

显然，bootstrap和angular 1.3存在已知问题。见https://github.com/angular-ui/bootstrap/issues/2293

使用角度版本1.2.21解决了它。

在这里发布答案，以防其他人撕掉他们的头发......

angular bootstrap typeahead不响应点击或箭头键

2 个答案: