将数据列表“选项”嵌套在“ div”内部显示“元素'选项'不能嵌套在元素'div'内部”

时间:2019-01-23 07:44:57

标签: javascript jquery angularjs html5

代码工作正常,但我希望有更好的方法,该方法不会抛出任何警告或错误以使代码看起来更干净。 除了将option放在div里面,还有什么办法。

我可以使用id的{​​{1}}来完成此任务。 但是,对于国家,城市,区域等,有很多datalist,因此最好不要使用每个datalist中的id将数据绑定到数据列表。

除了使用datalist中的id以外,还有其他有效的方法吗?因此,我可以为每个数据列表重用相同的代码。

datalist

1 个答案:

答案 0 :(得分:1)

您需要删除div并将ng-repeat代码放在option内。 请参考以下修改的代码:

<input id="input-id" list="datalist-id" type="text" placeholder="Select Cluster Group" autocomplete="off" />
<datalist id="datalist-id">
    <option ng-repeat="country in Countries" value="{{country.name}}" /> 
</datalist>
相关问题