Угловой UT Bootstrap Typeahead

Question

Я использую Angular JS в первый раз.

Вот мой код и его не работает. typeahead intellisense показывает как «Неизвестный атрибут».

<div class='container-fluid' ng-controller="HomeController"> 
    <h4>Search State</h4> 
    <pre>Model: {{selected | json}}</pre> 
    <input type="text" autocomplete="off" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control"> 
</div> 

function HomeController($scope, $http) { 
$scope.selected = undefined; 
$scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming']; 
} 

Я пропустил некоторые файлы JS?

Answer 1

Пожалуйста, смотрите рабочий пример здесь http://plnkr.co/edit/SjASFL8BkKdjLRxUlGVA?p=preview

убедитесь, что у вас есть эти сценарии

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script> 
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script> 

и вам определение вашего приложения включают в себя ui.bootstrap

var app= angular.module('app', ['ui.bootstrap']);