javascript - 基本的 Angularjs 自动完成功能在项目中不起作用

Question

这是一个非常基本的问题，我仍然面临 angularjs 自动完成的问题。

html:

<div class="container">
    <div ng-controller="mainCtrl"c ng-app="myApp" class="row-fluid">
        <form class="row-fluid">
            <div class="container-fluid">
                Country Name <input type="text" class="form-control autocomplete" ng-model="selected" typeahead="state for state in states | filter:$viewValue">
            </div>
        </form>
    </div>
</div>
<script src="~/Scripts/angular.js"></script>
<script src="~/Scripts/angular.min.js"></script>
<script src="~/Scripts/Controller/FlightBookController.js"></script>

我的控制器代码：

angular.module('myApp', [['ui.bootstrap']])
var app = angular.module('myApp', []);
alert("ddf");
app.controller("mainCtrl", function ($scope) {
    alert("ddf");
        //  $scope.selected = {id:'0',address:'Type 3 Letters'};
    $scope.selected = undefined;
    alert("kkk");
        $scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois'];
    });

即使控制器被 thr html（前端）识别，自动完成功能也不起作用。我在哪里犯了错误。有没有有效的方法来做到这一点。

标签： javascriptjqueryangularjs