title: How to solve the error in autocomplete?
body: <p>I am getting error in autocomplete.</p>
  
  <p>Js:</p>
  
  <pre><code>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);
          }
      });
  };
  });
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code> &lt;div ng-app='MyModule'&gt;
      &lt;div ng-controller='myCtrl'&gt;
          &lt;input auto-complete ui-items="names" ng-model="selected"&gt;
          selected = {{selected}}
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>I am getting the error shown in below screenshot:
  <a href="https://i.stack.imgur.com/15KhO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/15KhO.png" alt="enter image description here"></a></p>
  
  <p>Any help would be appreciated.</p>