angularjs ui bootstrap Typeahead不工作

时间:2016-07-18 07:18:20

标签: angularjs angular-ui-bootstrap

我正在使用angular 1.5版本和angularjs ui bootstrap 1.3.3,typeahead没有按预期工作。在文本框中键入时,不会显示相应的自动完成选项。我是angularjs的新手,任何人都可以帮忙。 代码中有什么问题吗?还有什么办法可以使用angularjs而不用bootstrap来创建自动完成文本框。

以下是相同

的代码
    <script type="text/javascript" src="/docs/js/angular.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.js"></script>
    <script type="text/javascript" src="/docs/js/controller/invoiceApprController.js"></script>
<div id="ng-app" ng-app="TabsApp">
    <input type="text" ng-model="name" ng-controller="DController" typeahead="dealVal.Id as dealVal.name for dealVal in deals| filter:name">
</div>

以下是包含的js文件中控制器的代码

var angularModule= angular.module('TabsApp', ['ui.bootstrap']);
angularModule.controller('DController',['$scope', '$http', function($scope,$http){
        $http
        .get('/url').success(function(data, status) {
            $scope.deals = data.items;
        })
        .error(function(data, status) {
                   alert(status);
        });
        }]);

0 个答案:

没有答案