在ng中的select的使用方法的讲解

标签：ons   9.png   个数   参考   log   结果   取值   val   tle   

项目中我们可能会使用到条件过滤选择框之类的东西，最简单的就是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

在ng中的select的使用方法的讲解

标签：ons   9.png   个数   参考   log   结果   取值   val   tle   

原文地址：http://www.cnblogs.com/evaling/p/6890997.html