Question

当我使用此code.selected值显示为empty.i时，请将第一个值选为一个。

dtype

当我使用ng-model时，默认值选为empty.otherwise ok。

Answer 1

在控制器中尝试init sRoom模型

 $scope.sRoom = 1;

还可以更好地使用ng-options代替option代码中的重复select。

<强> 演示

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>

Answer 2

试试这个

<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>

Answer 3

您也可以使用ng-init

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

如何在棱镜选择选项中将默认值设置为第一个值

3 个答案: