angular中的 input select 值绑定无效,以及多出一个空白选项问题
问题:
<!-- 问题标签 -->
<select ng-model="sortType">
<option value="1">按日统计</option>
<option value="2">按月统计</option>
</select>
可以通过将一下方式处理完成
1、select中的option选项通过循环方式渲染
<select ng-options="item.sortType as item.sortTypeName for item in sortTypeArr" ng-model="sortType"></select>
$scope.sortTypeArr = [
{
sortType: 1,
sortTypeName: '按日统计'
},
{
sortType: 2,
sortTypeName: '按月统计'
}
]
2、select的绑定值不能绑为空
3、标签中的value属性改为ng-value
<select ng-model="sortType">
<option ng-value="1">按日统计</option>
<option ng-value="2">按月统计</option>
</select>
<label>
<input type="radio" ng-model="sortType" ng-value="1">
</label>
<label>
<input type="radio" ng-model="sortType" ng-value="2">
</label>
后续补充:
# select中绑定的值,初始值不能设置为空,否则会出现首选项为空的情况。
angular中的 input select 值绑定无效,以及多出一个空白选项问题的更多相关文章
- js技术之如何在JS中获取input的值
在JavaScript中获取input元素value的值: 方法一:var variations_number = $("#input的id名").val(); 1 <!DO ...
- input select 值得绑定与获取
<div style="margin-top:100px"> <!--Input 值得绑定--> <div id="app20"& ...
- angular select 遍历使用ng-option绑定的时候下面多出一个空白的option处理方法
只需要在select中加入一个 <option value="" selected hidden></option>
- WPF中,多key值绑定问题,一个key绑定一个界面上的对象
问题说明: 当用到dictionary<key,value>来储存数据的时候,有时候需要在界面上绑定一个key来显示value,这时候有两种思路: 一种是写一个自定义的扩展类,类似Bind ...
- angular中动态添加的元素绑定事件问题
$compile http://segmentfault.com/q/1010000000726448/a-1020000000727088 接口下载问题
- 根据标签中动态获取的值绑定特定的class
数据有mock数据获取 mock文件: index文件: 引入文件index: 获取数据函数: 根据获取的标签内容给定不同的样式:
- JavaScript中将对象数组中的某个属性值,批量替换成另一个数值
原文链接 https://segmentfault.com/q/1010000010352622 希望将下列数组中的sh替换成沪,sz替换成深 var stooges = [ {label:1,val ...
- word中表格占满一页,在后面出现一个空白页 删除方法
如果空白面是最后一页,且鼠标在第一行,可选“格式”-“段落”,将这一行的行距设为固定值1磅,该空白页将自动消失.
- Angular中的数据绑定
(1)HTML绑定:{{}} (2)属性绑定:[] 注意:属性绑定通常赋值为变量,如果赋值为常量(如字符串常量) 必须用引号括起来,如<img [src]="'../../assets ...
随机推荐
- 什么是“欧几里德范数”(Euclidean norm)?
x是n维向量(x1,x2,…,xn),||x||=根号(|x1|方+|x2|方+…+|xn|方) 补充:开平方,跟几何一样
- vuex初使用
- 自学 iOS 开发的一些经验 - 转自无网不剩的博客
不知不觉作为 iOS 开发也有两年多的时间了,记得当初看到 OC 的语法时,愣是被吓了回去,隔了好久才重新耐下心去啃一啃.啃了一阵,觉得大概有了点概念,看到 Cocoa 那么多的 Class,又懵了, ...
- 开源CMDB详细安装使用
CMDB的GitHub地址: https://github.com/open-cmdb/cmdb 环境说明 [root@WCY ~]# cat /etc/redhat-release CentOS L ...
- JAVA基础补漏--抽象类
抽象类使用的四点注意事项: 1.抽象类不能创建对象. 2.抽象类可以没有抽象方法,但有抽象方法一定得是抽象类. 3.抽象类可以有构造方法,是供子象创建对象时,初始化父类成员使用的. 4.抽象类的子类, ...
- Codeforces Round #447 (Div. 2) C 构造
现在有一个长度为n的数列 n不超过4000 求出它的gcd生成set 生成方式是对<i,j> insert进去(a[i] ^ a[i+1] ... ^a[j]) i<=j 然而现在给 ...
- 最大字串和问题(Maximum Subarray)
问题描述: ind the contiguous subarray within an array (containing at least one number) which has the lar ...
- log4j.appender.AFile.File日志的相对路径
log4j.appender.AFile=org.apache.log4j.DailyRollingFileAppenderlog4j.appender.AFile.DatePattern='.'yy ...
- HDU-4510-日期
http://acm.hdu.edu.cn/showproblem.php?pid=4510 小Q系列故事——为什么时光不能倒流 Time Limit: 300/100 MS (Java/Others ...
- 移动国家号(MCC)
定义移动国家号 Mobile Country Code (MCC)由三位十进制数组成,它表明移动用户(或系统)归属的国家. 格式移动国家号(MCC)由三个十进制数组成,编码范围为十进制的000-999 ...