Javascript 追加文本字段并使用jquery使其自动完成

app.js

$scope.add=函数（）{
$（'#btn'）。单击（函数（）{
//在class=“cls”的所有div末尾插入class=“spn”的SPAN标记
$scope.data=[]；
var add=''；
$（'div.cls'）。追加（添加）；
i++；
$scope.count++；
});
}
$scope.autocomplete=function（）{
风险值货币=[
{value:'阿富汗阿富汗人'}，
{value:'阿尔巴尼亚列克'}，
{值：'阿尔及利亚第纳尔'}，
{值：'欧洲欧元'}
];
//设置从数组中提取的自动完成函数
$（“#自动完成”）。自动完成({
查找：货币，
});
}

html

添加

此自动完成功能在不使用as append的情况下运行。。但当我在上面添加文本字段后使用它时，它不起作用。有人能帮我吗

此示例向您展示了如何使用Angular创建自动完成，而不使用jQuery自动完成

var-app=angular.module（“app”，[]）；
应用程序控制器（“ctrl”，函数（$scope，$filter）{
$scope.suggestions=[]；
$scope.selectedData=[]；
$scope.defaultData=[
{value:“阿富汗阿富汗人”}，
{value:“阿尔巴尼亚列克”}，
{值：“阿尔及利亚第纳尔”}，
{价值：“欧洲欧元”}
];
$scope.search=函数（）{
变量长度=$scope.autocomplete.length；
如果（长度==0）{
$scope.suggestionsNotFound=false；
$scope.suggestions=[]；
}否则{
var result=$filter（“filter”）（$scope.defaultData，{value:$scope.autocomplete}）；
$scope.suggestions=结果；
$scope.suggestionsNotFound=false；
如果（result.length==0）{
$scope.suggestionsNotFound=true；
}
}
///挑选
$scope.select=功能（项）{
var isExist=$filter（“filter”）（$scope.selectedData，{value:item.value}，true）[0]；
如果（！isExist）{
$scope.selectedData.push（项目）；
$scope.autocomplete=null；
$scope.suggestions=[]；
}
}
///除去
$scope.remove=函数（索引）{
$scope.selectedData.splice（索引，1）；
}
}
});
.autocomplete span{
左边距：5px；
}
.自动完成跨度i{
颜色：红色；
光标：指针；
}

{{data.value}}


{{suggestion.value}}


[{autocomplete}}]未找到！
你是什么意思？？你的意思是，当你点击按钮，再次点击后，它不会添加？？
$scope.add = function () {
  $('#btn').click(function() {
  // insert a SPAN tag with class="spn" at the end in all DIVs with      class="cls"
     $scope.data=[];
     var add=' <input type="text" name="currency" id="autocomplete">' ;
     $('div.cls').append(add);
     i++;
     $scope.count++;
  });
}

$scope.autocomplete=function(){
  var currencies = [
    { value: 'Afghan afghani' },
    { value: 'Albanian lek'},
    { value: 'Algerian dinar'},
    { value: 'European euro' }
  ];

  // setup autocomplete function pulling from currencies[] array
  $('#autocomplete').autocomplete({
    lookup: currencies,
  });
}

<div class="cls" id="idd"></div>
<button type="button" class="btn btn-default btn-sm" id="btn"> 
  <span class="glyphicon glyphicon-plus"></span> Add
</button>