как сделать Jquery автозаполнения в угловом JS

Question

могли бы вы сказать мне, как сделать JQuery автозаполнение в угловых js.I пытается сделать этот тип автозаполнения в угловых JS http://jsfiddle.net/dfapnrxf/

или это https://jqueryui.com/autocomplete/

поэтому я сделать нестандартную директиву .Но могли бы вы сказать мне, где я делаю неправильно? вот мой код

http://codepen.io/anon/pen/eNZLpp

var app=angular.module("ionicApp",['ionic']); 
app.directive('autosemple',function(){ 

    return{ 
     restrict:'A', 
     scope:{ 

     }, 
     link:function(scope,element,attr){ 
      $("#tags").autocomplete({ 
       // source: availableTags 
      }); 
     } 
    } 
}) 
app.controller('cnt',function($scope){ 
    $scope.availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
}) 

Answer 1

Как вы упомянули о пользовательских директивах, которые вы хотите изучить, вот очень простая директива autolect.js auto, которая работает как полный виджет jqueryUI для серверных данных.

https://github.com/coded-brain/autocomplete-directive