select首行空白
desc
点击select
弹出下拉框首行空白,审查元素可以看到空白dom结构如下:
<option value="? number:102 ?"></option>
或
<option value="? undefined:undefined ?"></option>
method
一般首行空白问题都是没有设置select
的默认值,因此解决此问题只需要设置默认值即可,一般通过ng-model ng-init
并用来解决。如下:
<select style="direction:ltr;width:66%;max-width:100%;padding-left: 0px;" ng-model="validate.bankno" ng-change="changeBank()" ng-init="validate.bankno = defaultBankNo">
ng-init
表示在初始化的时候声明或者赋值。
ps
注意变量类型,必须保持ng-model
的值类型与后面option
的值一样(此处遇到的坑是ng-model
的值为数字,而后面option
的值为字符串即造成首行空白问题)。