Question

我必须在自定义下拉菜单中放置一个用于过滤国家/地区的搜索输入框，但是对于第一次搜索它工作正常（即;如果我键入'ind'，我有两个国家/地区，我可以单击这些国家/地区并选择，但当我再次编辑其他国家/地区列表的搜索框时，ng-click无效，我无法从列表中选择项目。

HTML：

<div  class="predtoptn" id="dvCountryLstdopn">
    <input type="text" class="form-control frmsrch" ng-model="somvar.countryName"  placeholder="Search Items"/>
        <ul class="predtsct">
          <li class="prfdwn" ng-repeat="countriesLst in ctrylst| filter:somvar:strict" ng-click="countryIdFunc(countriesLst.countryId,countriesLst.countryName)">{{countriesLst.countryName}}</li>
         </ul>
</div>

JavaScript的：

vm.countryIdFunc = function (Id, txt) { vm.cntryId = Id; vm.cntryIdTxt = txt; }

Answer 1

您可以在模板中尝试以下内容，

<li class="prfdwn" ng-repeat="countriesLst in ctrylst| filter:somvar:strict">
    <span ng-click="countryIdFunc(countriesLst.countryId,countriesLst.countryName)">
        {{countriesLst.countryName}}
    </span>
</li>

Ng-click无法使用搜索框下拉列表？

1 个答案: