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的綁定值有直接關系。

以上這篇AngularJS select加載數據選中默認值的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com