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的值为字符串即造成首行空白问题)。

results matching ""

    No results matching ""