在“div”中嵌套datalist“option”会显示“element”选项不能嵌套在元素“div”中。

代码工作正常,但我希望更好的方法,它不会抛出任何警告或错误,以使代码看起来更干净。 除了把 option 里面 div .

我可以通过使用 id 属于 datalist . 但是,有很多 控件 对于国家、城市、地区等,最好使用 身份证件 每一个 控件 将数据绑定到数据列表。

除了使用 身份证件 的 控件 ?因此,我可以为每个数据列表重用相同的代码。

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