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

Question

我正在使用 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..有什么想法吗？

Answer 1

ng-click 不适用于数据列表选项，因为在使用数据列表时似乎不会触发点击事件(或任何按键事件)。

您必须在函数 input 上使用您的 ng-change 并扩展它以检查当前值是否也存在于数据列表中。