解决angularjs ng-options第一个选项为空的方案

angularjs的ng-options渲染到页面上的时候结构大致是这样的。

<select>

<option value=""></option>

<option value="1">北京</option>

</select>

这样会导致select第一行为空，用户体验很差。所以改造后的代码如下

<select>

<option value="" selected hidden></option>

<option value="1">北京</option>

</select>

这样就可以避免第一行的空行了。配合绝对定位以及加个div，可以做个很好看的下拉列表样式

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索结构
， div
， 代码
， 用户体验
配合
angularjs ng options、angularjs options、angularjs ui options、angularjs options as、angularjs ng repeat，以便于您获取更多的相关知识。