如何使用angularjs ng-click与html5 datalist

Question

我正在使用AngularJS,我想在ng-click选择一个datalist(html5)的元素时使用该指令.

以下是我的实际代码示例:

<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 将不适用于datalist选项,因为使用datalist时似乎没有触发click事件(也没有任何按键事件).

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

Answer 2

datalist 与 select 相同，您不将事件处理程序放在 option 中，而是将事件处理程序放在 select 或 input 中。另外，您不使用 ng-click，而是使用 ng-change 来实现此目的。