Jquery Ng repeat autocomplete仅适用于第一个文本框

Jquery Ng repeat autocomplete仅适用于第一个文本框,jquery,angularjs,Jquery,Angularjs,我有一个web应用程序,它使用AngularJS和jQuery对酒店列表执行创建、读取、更新和删除:。 选择“编辑”后,我将使用jQuery自动完成来填充“县”文本框。但是,“自动完成”仅适用于列表中的第一个“县”文本框。如果查看javascript代码,它在id为“cty”的文本框上设置了autocomplete指令。您可以在这里看到整个js代码: 编辑代码就是其中的这一部分(这是我需要更改的): 我知道这和第一个文本框被视为“孩子”后的每个文本框有关,但除此之外,我被卡住了。尝试使用。有时,

我有一个web应用程序,它使用AngularJS和jQuery对酒店列表执行创建、读取、更新和删除:。 选择“编辑”后,我将使用jQuery自动完成来填充“县”文本框。但是,“自动完成”仅适用于列表中的第一个“县”文本框。如果查看javascript代码,它在id为“cty”的文本框上设置了autocomplete指令。您可以在这里看到整个js代码: 编辑代码就是其中的这一部分(这是我需要更改的):


我知道这和第一个文本框被视为“孩子”后的每个文本框有关,但除此之外,我被卡住了。

尝试使用。有时,当您混合使用Jquery和Angularjs时,会产生绑定问题。

尝试使用。有时候,当你混合使用Jquery和Angularjs时,就会产生绑定问题。

我在谷歌搜索了很多次后解决了这个问题。在cshtml文件(Index.cshtml)中,我放置了一个隐藏字段:

<input type="hidden" id="selectedCountry" value="" />
在 主体

change: function (event, ui) { 
}
$(“#cty”)中有一个小错误。autocomplete('option','source',aSearch)。应该是的

$('.cty').autocomplete('option', 'source', aSearch);
我补充说

hotel.County = $('#selectedCountry').val();
保存事件:$scope.save=function(hotel){

(在id=hotel.HotelId;下)


现在它在所有“county”文本框下都会自动完成。

我在谷歌搜索了很多次后解决了这个问题。在cshtml文件(Index.cshtml)中,我放置了一个隐藏字段:

<input type="hidden" id="selectedCountry" value="" />
在 主体

change: function (event, ui) { 
}
$(“#cty”)中有一个小错误。自动完成('option','source',aSearch);。应该是这样的

$('.cty').autocomplete('option', 'source', aSearch);
我补充说

hotel.County = $('#selectedCountry').val();
保存事件:$scope.save=function(hotel){

(在id=hotel.HotelId;下)


它现在会在所有“county”文本框下自动完成。

Id应该是唯一的。
$('cty')
将只获得一个元素。您应该从中创建一个指令,而不是在controllerId中执行jquery操作。
$('cty')应该是唯一的。
$)
将只获取一个元素。您应该在此基础上创建一个指令,而不是在控制器中执行jquery操作。我实际上想在开始时使用角度自动完成(而不是jquery自动完成),但“md autocomplete”给出了一个错误“未识别”在cshtml代码中,所以我没有使用它。我正在使用该页面上的“ngResource”模块,我还需要添加“ngAutocomplete”模块。是的。对于autocomplete,您需要添加它。我实际上想在开始时使用angular autocomplete(而不是jquery autocomplete),但“md autocomplete”给出了一个错误“无法识别”在cshtml代码中,所以我没有使用它。我正在使用该页面上的“ngResource”模块,我还需要添加“ngAutocomplete”模块。是的。对于自动完成,您需要添加它。