angularjs中下拉框select option默认值
来源:互联网 发布:深圳思普达软件系统 编辑:程序博客网 时间:2024/04/28 04:58
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>
默认的“小松博客”已经添加了selected的属性
- 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)
- Spring定时任务的几种实现
- 重载maven dependencies的方法
- 0625CNN学习
- ADB WIFI (Android Studio 插件)
- Storm概念、原理详解及其应用(一)BaseStorm
- angularjs中下拉框select option默认值
- 安装Linux后需要做的几件事
- SQL Server 服务启动失败,提示10048的错误
- Android获取屏幕宽高
- 递归原理及思想
- 设计模式六大原则(六)-- 开放封闭原则 ( OCP )
- 数据库压缩技术探索
- php禁止某ip或ip地址段访问的方法
- Android 内存管理 &Memory Leak & OOM 分析