首页 > 代码库 > 在ng中的select的使用方法的讲解
在ng中的select的使用方法的讲解
项目中我们可能会使用到条件过滤选择框之类的东西,最简单的就是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="http://www.mamicode.com/{{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
在ng中的select的使用方法的讲解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。