在ng中的select的使用方法的讲解
2024-08-31 10:29:06
项目中我们可能会使用到条件过滤选择框之类的东西,最简单的就是input、select、
关于select的使用我们通常会需要从数据库中返回数据进行动态绑定。
此时我们会有两种方式:
1)使用ng-repeat进行循环
<select class="textStyle my-input" ng-model="submitData.single_select[$index].befTil" name="title">
<option value="" selected="selected">{{tmp.default_name.keyname}}</option>
<option value="{{oname.v}}" ng-repeat="oname in opt track by $index">{{oname.keyname}}</option>
</select>
selected的作用就是是的页面显示初始值
另外我们的value不能赋值,否则会失效的!!!!
2)使用ng-option
<select , ng-model="htmlObj.partments" ng-change="setpartment(htmlObj.partments)"
ng-options="partments.id as partments.name for partments in partmentoption"
class="input_content" style="display: inline-block">
</select>
ng-change的作用就是每一次下拉框的选项值发生变化,就会触发这个很厉害的事件,这个事件的形参会自动的获得所取的值。
最终结果展示如下:
关于 ng-options="partments.id as partments.name for partments in partmentoption"这句话,我在此多讲一句。
partmentoption:就是一个数组对象,[{name:'名字',v:0,id:'44434343'},{name:'名字2',v:1,id:'32432323'},{name:'名字3',v:2,id:'543453343'},{name:'名字3',v:3,id:'434343434'}]
partments.name:就是下拉框的下拉选项的名字
partments.id:就是id、......partments.id as partments.name 的作用就是,每一次选择的name值发生改变,就会使得id值对应改变,并且ng-model的取值就是id值
参考链接:http://www.cnblogs.com/wolf-sun/p/4614532.html
最新文章
- Linux 命令行模式 你需要知道的那些事
- nodeJS express框架 中文乱码解决办法
- Spark排错与优化
- Android复制assets目录下的图片到内存
- $.ajax()中dataType
- POJ 3185	The Water Bowls (高斯消元 求最小步数)
- PostgreSQL的 initdb 源代码分析之十一
- 在Linux上运行C#
- 【转】overload与override的区别
- C# using垃圾回收详解
- UVA 10129-Play on Words(欧拉通路)
- NodeJS 框架一览
- Use Zabbix Monitor Find ‘DBCC CheckDB’ Problem
- Bruce Eckel的资源
- SVN关于忽略xcuserdata目录
- mina statemachine解读(一)
- 第六章 对象-javaScript权威指南第六版
- Excel 恢复默认行高、列宽
- 设备唯一标识方法(Unique Identifier):如何在Windows系统上获取设备的唯一标识 zz
- ionic3 对android包进行签名