最新消息:欢迎加入小松的QQ群一起讨论一起学习,多说即将关闭,感觉好可惜啊

select option ng-repeat多空白项

前端技术 1712浏览 0评论

我做的api文档系统基本功能实现了,在之后做的就是优化功能,加验证等,就是做的更细
今天在做的时候发现一个问题

<select class="form-control" ng-model="posts.website">
<option value="0">请选择网站</option>
<option ng-repeat="row in list.websites" value="{{row.websites_id}}" >{{row.websites_name}}</option>
</select>

请看上面的代码,ng-repeat在循环的时候发现了一个空白的选项,chrome解析出来代码是

chrome解析错误代码

页面上默认显示是空白项

<option value="? undefined:undefined ?"></option>

然后查了list.websites对象的值貌似没有问题
然后google一下,这里又要吐槽一下百度查不到结果
发现要初始化posts.website的值,于是用ng-init初始一下值,把代码修改成

<select class="form-control" ng-model="posts.website" ng-init="posts.website='0'">
<option value="0">请选择网站</option>
<option ng-repeat="row in list.websites" value="{{row.websites_id}}" >{{row.websites_name}}</option>
</select>

正常了,好坑啊

QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» select option ng-repeat多空白项
本文链接地址:https://www.phpsong.com/1992.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!

网友最新评论 (1)

加载中,请稍候...
  1. 好文章感谢分享
    前端神话1年前 (2016-01-18)回复