Question

我正在使用IValidatableObject的引用创建uib-typeahead。但下降不会到来。我到处搜索并完全按照其他人的说法进行搜索，但下拉不会到来。

HTML：

<div>
   <pre>Model: {{tc.selected | json}}</pre>
     <input type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control">
 </div>

JS：

var myApp = angular.module("angularTypeahead", ["ui.bootstrap"]);

myApp.controller("TypeaheadCtrl", function($scope, States) {
    $scope.states = ["Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois"];

});

以下是plunker： https://angular-ui.github.io/bootstrap/

请告诉我哪里出错了

Answer 1

首先你有一个不正确的国家的DI：

myApp.controller("TypeaheadCtrl", function($scope, States)

应该是：

myApp.controller("TypeaheadCtrl", function($scope)

第二，你打算使用旧版本的Angular和UI bootstrap吗？这个可以使用，但它是最新版本的uib和angular：https://plnkr.co/edit/hQwGKnzLOU0veR6TSnwg?p=preview

Answer 2

使用typeahead而不是uib-typeahead。如果你真的需要使用uib-typeahead，请检查angular-bootstrap-ui的版本。应该大于0.14。

如果您迁移到较新版本，请查看所需的更改：https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.js

uib-typeahead不工作

2 个答案: