AngularJS--select加載資料選中預設值

問題描述：      

在我們開發項目過程中，避免不了會用到select下拉框，那麼在angular中如何使用select呢？      

解決方案：      

可以用ng-options來動态加載option,然後在用ng-model來比對。代碼如下：      

//html
<select ng-model="role_id1" ng-options="o.name for o in list5"></select>
//js
$scope.list5 = [{"id":2,"name":"終端代表"},{"id":3,"name":"片區管理者"},{"id":4,"name":"系統管理者"},{"id":5,"name":"銷售市場經理"}]      
    
這樣出現了空白選項:
      
    
  
          
    
  
        
        
那麼我們對代碼進行簡單調整：      
    
<select ng-model="role_id1" ng-options="o.id as o.name for o in list5"></select>      
            
成功了！！
      
    
  
        
    
兩者的差别在于：兩張圖的value是不同的，最開始的value是一個對象，而後面的value是一個id值，這與ng-model的綁定值有直接關系。      
   
        
前端如海， 無醉無歸。