autocomplete jquery元素。autocomplete不是函数

Js将文件导入我的项目，也尝试从官方网站url进行导入，但不起作用

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

奇怪的是，在我所看到的所有函数示例中都出现了这种情况，这些示例与我所做的完全相同，但错误仍然存在。 我添加了指令和工厂以在angularjs+ionic中工作

.factory('autoCompleteDataService', [function() {
return {
    getSource: function() {
        //this is where you'd set up your source... could be an external source, I suppose. 'something.php'
        return ['apples', 'oranges', 'bananas'];
    }
}
}])

.directive('autoComplete', function(autoCompleteDataService) {
return {
    restrict: 'A',
    link: function(scope, elem, attr, ctrl) {
                // elem is a jquery lite object if jquery is not present,
                // but with jquery and jquery ui, it will be a full jquery object.
        elem.autocomplete({
            source: autoCompleteDataService.getSource(), //from your service
            minLength: 2
        });
    }
};
})

<input type="text" ng-model="foo" auto-complete/>
                  Foo = {{foo}}

.factory（'autoCompleteDataService'，[function（）{
返回{
getSource:function（）{
//这是您设置源代码的地方…我想可能是一个外部源代码。'something.php'
返回[‘苹果’、‘橘子’、‘香蕉’]；
}
}
}])
.directive（'autoComplete'，函数（autoCompleteDataService）{
返回{
限制：“A”，
链接：函数（作用域、元素、属性、ctrl）{
//如果jquery不存在，则elem是jquery lite对象，
//但是有了jquery和jQueryUI，它将是一个完整的jquery对象。
自动完成元素({
来源：autoCompleteDataService.getSource（），//来自您的服务
最小长度：2
});
}
};
})
Foo={{Foo}

但我一直在犯这个错误

TypeError: elem.autocomplete is not a function
at link (file:///Users/lixsys/app_view/www/js/app.js:203:18)
at invokeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16911:9)
at nodeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16421:11)
at compositeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15770:13)
at compositeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15773:13)
at compositeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15773:13)
at nodeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16416:24)
at compositeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15770:13)
at compositeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15773:13)
at nodeLinkFn (file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16416:24) <input type="text" ng-model="foo" auto-complete="" class="ng-pristine ng-untouched ng-valid">

TypeError:elem.autocomplete不是函数
在链接(file:///Users/lixsys/app_view/www/js/app.js:203:18)
在肯德基(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16911:9)
在诺德琳(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16421:11)
在KFN(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15770:13)
在KFN(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15773:13)
在KFN(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15773:13)
在诺德琳(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16416:24)
在KFN(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15770:13)
在KFN(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:15773:13)
在诺德琳(file:///Users/lixsys/app_view/www/lib/ionic/js/ionic.bundle.js:16416:24) 

请检查此项

问题是需要调用控制器

 <div ng-app='MyModule'>
    <div ng-controller='DefaultCtrl'>
        <input type="text" ng-model="foo" auto-complete/>
                  Foo = {{foo}}
    </div>
</div>


    angular.module('MyModule', []).controller('DefaultCtrl',['$scope', function($scope) {}])

Foo={{Foo}
angular.module（'MyModule'，[]）.controller（'DefaultCtrl'，['$scope'，function（$scope）{}]）

请检查此项

问题是需要调用控制器

 <div ng-app='MyModule'>
    <div ng-controller='DefaultCtrl'>
        <input type="text" ng-model="foo" auto-complete/>
                  Foo = {{foo}}
    </div>
</div>


    angular.module('MyModule', []).controller('DefaultCtrl',['$scope', function($scope) {}])

Foo={{Foo}
angular.module（'MyModule'，[]）.controller（'DefaultCtrl'，['$scope'，function（$scope）{}]）

请检查此项

问题是需要调用控制器

 <div ng-app='MyModule'>
    <div ng-controller='DefaultCtrl'>
        <input type="text" ng-model="foo" auto-complete/>
                  Foo = {{foo}}
    </div>
</div>


    angular.module('MyModule', []).controller('DefaultCtrl',['$scope', function($scope) {}])

Foo={{Foo}
angular.module（'MyModule'，[]）.controller（'DefaultCtrl'，['$scope'，function（$scope）{}]）

请检查此项

问题是需要调用控制器

 <div ng-app='MyModule'>
    <div ng-controller='DefaultCtrl'>
        <input type="text" ng-model="foo" auto-complete/>
                  Foo = {{foo}}
    </div>
</div>


    angular.module('MyModule', []).controller('DefaultCtrl',['$scope', function($scope) {}])

Foo={{Foo}
angular.module（'MyModule'，[]）.controller（'DefaultCtrl'，['$scope'，function（$scope）{}]）