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 bs-options建议的解决方法为我解决了这个问题......

添加以下css规则：input + .typeahead.ng-hide {display：block ！重要;能见度：隐藏！重要;溢出：隐藏; }

另外：如果您使用ng-strap 2.2.1和Angular 1.3.15，则需要使用ng-options代替$('div').fadeIn();，如typeahead not displaying sometimes 2.2.1 #1588中提到的那样

AngularStrap TypeAhead在点击一堆之后工作

1 个答案: