ng-option指令使用很簡單,只需要綁定兩個屬性:
一個是ng-model用于獲取選定的值;
另一個是ng-options用于確定下拉列表的元素數組。
上面這條語句就是把選擇的值與engineer.currentActivity進行雙向數據綁定,然后列表中的選項是activities中的每一個值。數據如下:
$scope.engineer = { name: "Dani", currentActivity: "Fixing bugs" }; $scope.activities = [ "Writing code", "Testing code", "Fixing bugs", "Dancing" ];
運行結果如:
為了美觀一點,這里引用了bootstrap。
全部的代碼如下:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
AngularJS使用ngOption實現下拉列表的實例代碼_AngularJS
AngularJS使用ngOption實現下拉列表的實例代碼_AngularJS:下拉列表的簡單使用 ng-option指令使用很簡單,只需要綁定兩個屬性: 一個是ng-model用于獲取選定的值; 另一個是ng-options用于確定下拉列表的元素數組。 上面這條語句就是把選擇的值與engineer.currentActivity進行雙向數據綁定,推薦度:
- 熱門焦點