如何将默认值设置为Angular Select选项中的第一个值

Question

在使用此代码时。选定为empty的值。

  <select class="form-control" name="cityID" id="Select1" ng-change="RoomSelect()" ng-model="sRoom">
                                            <option value="1" selected="selected">One</option>
                                            <option value="2">Two</option>
                                            <option value="3">Three</option>
                                            <option value="4">Four</option>
                                        </select>

当在时间使用ng模型时，默认值选择为empty。

在控制器中尝试init sRoom模型

 $scope.sRoom = 1;

也更好地使用ng-options而不是在select标签中重复option。

demo

var app = angular.module('anApp', []);
app.controller('aCtrl', function($scope) {
  $scope.sRoom = 1;
  
  $scope.chooses = [{"key":"one","value":1},{"key":"Two","value":2},{"key":"Three","value":3}];
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="anApp" ng-controller="aCtrl">
    <select ng-change="RoomSelect()" ng-model="sRoom" ng-options="k.value as k.key for  k in chooses">
     </select>
</div>

尝试此

<select class="form-control" ng-init="sRoom=1" name="cityID" id="Select1" ng-change="RoomSelect()" ng-model="sRoom">
                                            <option value="1" selected="selected">One</option>
                                            <option value="2">Two</option>
                                            <option value="3">Three</option>
                                            <option value="4">Four</option>
                                        </select>

您也可以使用ng-init

<select class="form-control" ng-init="sRoom=1"  name="cityID" id="Select1" ng-change="RoomSelect()"