用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格

增加前html:
用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格_第1张图片
增加ng-model后:
用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格_第2张图片

在FF中审查元素,你会发现它自动添加了一个空的option项, 如下图
用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格_第3张图片

解决方案:
方法一:将select中的一个option设置为空, 就可以防止因添加ng-mod el自动添加空option的问题,在本例中




方法二:自己预先添加一个value为空的option,再用ng-if="false"把它去掉


你可能感兴趣的:(用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格)