angular基础 - select双向绑定的用法

用法一 ng-repeat

<!-- ng-repeat --> 

 <!-- typeList为array时 -->
 <select  ng-model="type">
		<option value="-1" disabled>-- 请选择 --</option>
      	<option ng-repeat="item  in typeList" ng-value="item.id">{{item.name}}</option>
 </select>
 
 <!-- typeList为json时 --> 
<select  ng-model="type">
		<option value="-1" disabled>-- 请选择 --</option>
      	<option ng-repeat="(key, value) in typeList" ng-value="key">{{value}}</option>
 </select>

用法二 ng-options

<!-- ng-options --> 

 <!-- typeList为array时 -->
 <select ng-model="type"  ng-options="item.id as item.name for item in typeList">
  			<option value="-1" disabled>-- 请选择 --</option>
 </select>
 
 <!-- typeList为json时 -->
 <select ng-model="type"  ng-options="key as item for (key, item) in typeList">
		<option value="-1" disabled>-- 请选择 --</option>
 </select>