AngularStrap TypeAhead 在我点击一堆后工作

Question

我正在尝试使用 AngularStrap TypeAhead。该功能似乎有效，但只有在我点击了一堆之后（或者看起来如此）。我现在只有存根数据，所以我知道不能从 API 等中提取数据。如果我将数据放在下拉列表中，它会立即可用（现在只有 5 个项目）。我不确定启用该指令是否需要一段时间或什么。很有可能是用户错误，只是不确定要寻找什么。我在 chrome 调试器中没有看到任何东西。

html 代码片段：

<section id="dashboard-view" class="mainbar" data-ng-controller="dashboard as vm">
    <form class="form-inline" role="form">
        <div class="form-group">
            <input type="text" class="form-control" ng-model="vm.selectedPart" ng-options="p.partNumber for p in vm.parts" placeholder="Enter Part" bs-typeahead>
        </div>
    </form>

供应商脚本

<!-- Vendor Scripts -->
<script src="scripts/jquery-2.1.3.js"></script>
<script src="scripts/angular.js"></script>
<script src="Scripts/angular-strap.min.js"></script>
<script src="Scripts/angular-strap.tpl.min.js"></script>
<script src="scripts/angular-animate.js"></script>
<script src="scripts/angular-route.js"></script>
<script src="scripts/angular-sanitize.js"></script>
<script src="scripts/bootstrap.js"></script>
<script src="scripts/toastr.js"></script>
<script src="scripts/moment.js"></script>
<script src="scripts/ui-bootstrap-tpls-0.10.0.js"></script>
<script src="scripts/spin.js"></script>
<script src="Scripts/smart-table.min.js"></script>

Answer 1

我遇到了相同的问题（或非常相似的问题），如果我按照这些步骤操作，下拉菜单只会出现...

键入列表中有效项目的前几个字符
点击输入框外使其失去焦点
点击返回输入框使其再次获得焦点

metronomx 在 typeahead not displaying sometimes 2.2.1 #1588 中建议的解决方法解决了我的问题...

Add following css rule: input + .typeahead.ng-hide { display: block !important; visibility: hidden !important; overflow: hidden; }

此外：如果您使用的是 ng-strap 2.2.1 和 Angular 1.3.15，则需要使用 bs-options 而不是 ng-options，如 Angular-strap v2.2.1 not compatible with angular v1.3.15

AngularStrap TypeAhead 在我点击一堆后工作

AngularStrap TypeAhead works after I click around a bunch

angularjs

angularjs-directive

angular-strap