如何將角度選擇選項中的默認值設置爲第一個值

當我使用此代碼時。選擇的值顯示爲空。我希望選擇第一個值作爲一個值。如何將角度選擇選項中的默認值設置爲第一個值

<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-model時默認值選擇爲empty.otherwise其確定。

來源

2017-02-28 MohanKanal

嘗試控制器中的初始'sRoom'模型 –

嘗試在控制器中設置sRoom = 1'。 – Karthik

嘗試初始化sRoom模型控制器

$scope.sRoom = 1;

也是它更好地利用ng-options代替select標籤重複option。

演示

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>

來源

2017-02-28 05:31:21

試試這個

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

來源

2017-02-28 05:32:32 Sujithrao

您還可以使用NG-INIT

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

來源

2017-02-28 05:33:01 Sajeetharan

如何將角度選擇選項中的默認值設置爲第一個值

回答

相關問題