javascript - 如何解决自动完成错误？

Question

我在自动完成中遇到错误。

Js:

angular.module('MyModule', [])
.controller('myCtrl', function ($scope) {
    $scope.names = ["john", "bill", "charlie", "robert", "alban", "oscar", 
  "marie", "celine", "brad", "drew", "rebecca", "michel", "francis", "jean", 
   "paul", "pierre", "nicolas", "alfred", "gerard", "louis", "albert", 
  "edouard", "benoit", "guillaume", "nicolas", "joseph"];
  })
 .directive('autoComplete', function ($timeout) {
  return function (scope, iElement, iAttrs) {
    iElement.autocomplete({
        source: scope[iAttrs.uiItems],
        select: function () {
            $timeout(function () {
                iElement.trigger('input');
            }, 0);
        }
    });
};
});

HTML:

 <div ng-app='MyModule'>
    <div ng-controller='myCtrl'>
        <input auto-complete ui-items="names" ng-model="selected">
        selected = {{selected}}
    </div>
 </div>

我收到如下屏幕截图所示的错误:

如有任何帮助，我们将不胜感激。

Answer 1

这是可能对您有帮助的工作示例

    <div ng-app='MyModule'>
    <div ng-controller='DefaultCtrl'>
        <input complete ng-model="selected">
        selected = {{selected}}
    </div>
    </div>

    angular.module('MyModule', []).directive('complete', function($timeout) {
    var names = ["john", "James", "Raj"];

    return function(scope, iElement, iAttrs) {
            iElement.autocomplete({
                source: names,
                select: function() {
                    $timeout(function() {
                      iElement.trigger('input');
                    }, 0);
                }
            });
    };
});