angularjs - Angular 引导提前输入不响应点击或箭头键

Question

我有一个奇怪的问题，我似乎无法在 jsfiddle 中复制。我有一个简单的预输入(我使用了引导网站上的状态示例)。一切都很好，除了箭头键不允许我浏览下拉列表，并且单击某个项目不会选择它(即不会将其填充到文本框中)。

我认为这可能是我的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>");
}]);