在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="{{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