如何设置angularJS中选择的第一个选项

我正在尝试将第一个选项设置为默认选中

<div class="row" ng-controller='ctrl1'>
    <div class ="form_group">
        <select class="form-control" ng-options='item as item.hotel_name for item in hotels.data' ng-model='current_Hotel' ng-click="selectHotel()" ng-selected="selectedOptions.length[0]"></select>
    </div>

    <div class="col-md-6">      
        <h1>{{current_Hotel.hotel_name}}</h1>
        <p>{{current_Hotel.hotel_description}}</p>
        <img id="hotelImg" class="img img-responsive" ng-src="{{current_Hotel.image_url}}">
        <btn class="btn btn-primary" ng-click="selectRoom()">Book a room </btn>
    </div>

</div>

---

选择其中一个选项时，将显示h1和p标记中的值。我希望在加载页面时选择第一个选项，以便默认情况下也显示h1和p标记中的值。

您可以像这样初始化模型

<div class="row" ng-controller='ctrl1'>
    <div class ="form_group">
        <select class="form-control" ng-options='item as item.hotel_name for item in hotels.data' ng-model='current_Hotel' ng-click="selectHotel()" ng-selected="selectedOptions.length[0]"></select>
    </div>

    <div class="col-md-6">      
        <h1>{{current_Hotel.hotel_name}}</h1>
        <p>{{current_Hotel.hotel_description}}</p>
        <img id="hotelImg" class="img img-responsive" ng-src="{{current_Hotel.image_url}}">
        <btn class="btn btn-primary" ng-click="selectRoom()">Book a room </btn>
    </div>

</div>

$scope.current_Hotel=$scope.hotels.data[0]一旦在$scope.hotels对象数组中得到响应


$http({
url:“”，
方法：“张贴”，
数据：“postData”，
标题：{
“授权”：“
}
}).然后（功能（响应）{
$scope.hotels=response.data；
$scope.current_Hotel=$scope.hotels.data[0]；
});您可以像这样初始化模型
$scope.current_Hotel=$scope.hotels.data[0]一旦在$scope.hotels对象数组中得到响应


$http({
url:“”，
方法：“张贴”，
数据：“postData”，
标题：{
“授权”：“
}
}).然后（功能（响应）{
$scope.hotels=response.data；
$scope.current_Hotel=$scope.hotels.data[0]；
});将ng模型设置为选项的第一个值的可能重复项将ng模型设置为选项的第一个值的可能重复项可怕。。工作起来很有魅力。非常感谢您，因为我的图像已加载到ng click上。。在单击“选择”区域之前，不会加载我的图像。如何修复该问题，以便在加载页面时加载图像。我通过在$scope.current_Hotel={image.url:“url”}中提供图像url来修复它。。。就是这样。这样对吗。我只是想知道有几种方法可以做到这一点，你的也是正确的。。工作起来很有魅力。非常感谢您，因为我的图像已加载到ng click上。。在单击“选择”区域之前，不会加载我的图像。如何修复该问题，以便在加载页面时加载图像。我通过在$scope.current_Hotel={image.url:“url”}中提供图像url来修复它。。。就是这样。这样对吗。我只是想知道有几种方法可以做到这一点，你的方法也是正确的。