angular.js - angularjs如何在下拉清單中加入預設顯示的選項？

Question

dom結果如下，是一個身高選擇的下拉清單

<select ng-model="selectedHeight" ng-options="obj.h for obj in heights"></select>

在控制器中傳遞一個身高數組給heights

$scope.heights=[{"h":"140cm"},{"h":"141cm"}];

初始化時需要下拉清單顯示第一個140cm的選項，怎麼才能顯示第一個選項？

探索：
在目前這種情況下，直接使用$scope.selectedMonth = $scope.months[0].value; 是沒有用的，我們需要在數組裡面裡面在增加一個value值

$scope.heights=[{"h":"140cm","value":0},{"h":"141cm","value":1}];

同時，在雙向綁定的時候，將value綁定進去

<select ng-model="selectedMonth" ng-options="obj.value as obj.h for obj in heights"></select>

在這種情況下，就可以初始化顯示

$scope.selectedMonth = $scope.months[0].value; 

補充：注意，在定義ng-options的的時候，不能加value，否則你在控制器中無法取得選項的值

<select ng-model="selectedMonth" ng-options="obj as obj.h for obj in heights"></select>

參考：
連結描述

Answer 1

在控制器中初始化：

    $scope.selectedHeight = $scope.heights[0].h;