javascript-如何在html5数据列表中使用angularjs ng-click

我正在使用AngularJS,并且在选择数据列表(html5)的元素时要使用指令ng-click.

这是我的实际代码示例：

<label>Search</label>
<input type="text" class="input-search" list="datalistcit" ng-change="changeQuery(queryCity)" ng-model="queryCity" />
<datalist id="datalistcit">
   <option ng-repeat="city in cities" ng-click="goCity(city)" value="{{city.name}}">
   </option>
</datalist>

它不起作用,永远不要执行js方法goCity ..有什么想法吗？

解决方法:

ng-click不适用于数据列表选项,因为使用数据列表时似乎未触发click事件(也不包括任何按键事件).

您将不得不在函数输入上使用ng-change并将其扩展,以检查当前值是否也出现在数据列表中.

标签：angularjs-ng-click,javascript,html5,angularjs,html-datalist
来源： https://codeday.me/bug/20191010/1888040.html