项目常见错误及解决方法-angular中select空白项问题

在angular中,经常用到select框选项动态生成,常用的方法:

一、使用ng-repeat循环生成option

二、使用ng-options来生成option

但是,这两中方法都会遇到,首次点击时,有一个空白项的问题,点击之后,空白项消失。经过网上查资料,结合本人的实践,特总结如下:

(一)使用ng-repeat

很好,在其上加上一个请选择的选项。

(二)使用ng-options

 

在select中加上

这样,即可。

还可以,

 $scope.options=data; //赋值给ng-options    $scope.myselect = $scope.options[0];  


将对象数组中的第一个对象,相应的值赋值给ng-model中的变量。



本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部