如何解決自動完成中的錯誤？

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); 
       } 
      }); 
    }; 
});