uib-typaheadが動作しない

Question

https://angular-ui.github.io/bootstrap/からの参照を使用してuib-typaheadを作成しています。しかし、ドロップダウンは来ていません。どこでも検索し、他の人のことを正確に実行していますが、ドロップダウンは表示されません。

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://plnkr.co/edit/qQAGX7u6JJursmItfrf6?p=preview

あなたが持っている私が間違っ

Answer 1

最初にオフつもりだところを教えてくださいDIが正しくない国を含むDI：

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

は次のようになります。

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

第二に、あなたが角度やUI、ブートストラップの古いバージョンを使用する予定ですか？これはうまく動作しますが、uibとangleの最新バージョンを使用しています：https://plnkr.co/edit/hQwGKnzLOU0veR6TSnwg?p=preview

Answer 2

uib-typeaheadの代わりにtypeaheadを使用してください。実際にuib-typeaheadを使用する必要がある場合は、angular-bootstrap-uiのバージョンを確認してください。 0.14より大きくなければなりません。

新しいバージョンへの移行を行う場合は、必要な変更を確認してください。https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.js