angularjs中下拉框select option默认值
来源:互联网 发布:mac桌面图标删除不了 编辑:程序博客网 时间:2024/04/27 22:26
http://www.111cn.net/wy/js-ajax/101967.htm
今天又被一个angularjs的一个问题给难住了,有花了比较多的时间去解决
option ng-repeat多空白项
<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>
正常了,好坑啊
这文章里讲了怎么解决添加页面的option多出来的问题
在修改页面里我也是安装这个方法去处理,但是不行,给ng-model附上值就是显示不了默认值,最后在自己的摸索下解决了这个问题
正确方面
<select ng-model="posts.website" ng-options="c.websites_id as c.websites_name for c in posts.websites" class="form-control" ng-selected="c.websites_id==posts.website">
<option value="">请选择网站</option>
</select>
游览器解析的代码为
<select ng-model="posts.website" ng-options="c.websites_id as c.websites_name for c in posts.websites" class="form-control ng-pristine ng-valid ng-touched" ng-selected="c.websites_id==posts.website">
<option value="" class="" selected="selected">请选择网站</option>
<option label="fdsaffd" value="number:4">fdsaffd</option>
<option label="fdsaffdsa" value="number:3">fdsaffdsa</option>
<option label="fdsaf" value="number:2">fdsaf</option>
<option label="小松博客" value="number:1" selected="selected">小松博客</option>
</select>
- angularjs中下拉框select option默认值
- angularjs中下拉框select option默认值
- angularjs select option默认值
- HTML中下拉框的简单介绍<Select><option>
- PHP中下拉框默认值动态选定
- liferay中下拉框select的触发
- angularJs select设置默认值
- jQuery中下拉框select的操作方法详解
- 关于下拉框select和option默认值选定
- HTML中下拉框宽度固定,但是option有很长的时候
- IE10中下拉框 title被遮挡以及部分option无法显示的问题
- jsp中下拉列表框
- JavaScript中下拉框操作
- ccombobox中下拉框高度
- ALV中下拉框设置
- html中下拉框案例!
- jqGrid中下拉框的实现(The realization of select in jqGrid via C#)
- web自动化测试第12步:selenium中下拉框的解决方法(Select)
- cogs396 [网络流24题]魔术球问题简化版
- Python爬虫包 BeautifulSoup 学习(四) bs基本对象与函数
- 12306.cn网站挂了”好文章收藏,引发的技术架构问题讨论。
- 时间戳
- javaScript 高阶函数 map/reduce/filter
- angularjs中下拉框select option默认值
- leetcode--3sum
- 拉丁矩阵问题
- 集群、分布式、负载均衡区别与联系
- Opendaylight 中 关于工厂设计模式的应用
- SSH项目养成记二(SSH的配置)
- 2016年阅读统计
- RxJava学习总结(一)
- 前几年的热门领域分析