单击后在输入框上自动完成Jquery

我正在尝试对多个输入使用自动完成。当我点击一个按钮时，所有的输入都会显示出来。我试着用课堂来做这件事。 以下是HTML：

<div layout = "row" ng-repeat="project in projects">    
    <div layout = "column" layout-align="center center" flex="33">
        <md-input-container>
            <label>Project Name</label>
                <input class="autoc" type="text" placeholder="{{project.id}}" ng-keyup="myFunct($event)">
        </md-input-container>
    </div>  
</div>

“自动完成”在输入框上不起作用。 我们也欢迎其他建议。

---

提前谢谢

1-您必须将html代码中的多个输入作为同一个类

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

---

元素被动态地添加到DOM中。这可能是个问题。使用比jQuery复杂化更多的角度——我也这么认为。我无法想出一个替代方案来做我想做的事。

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

angular.module('MyModule', []).directive('autoComplete', function($timeout) {
    return function(scope, iElement, iAttrs) {
            iElement.autocomplete({
                source: scope[iAttrs.uiItems],
                select: function() {
                    $timeout(function() {
                      iElement.trigger('input');
                    }, 0);
                }