输入小时数 - Ionic App

我一直在尝试为我的Ionic应用程序创建一个下拉列表，用户可以选择不同的时间预订预约。我设置它，以便选择的小时数将是一个值。但是，到目前为止，我一直无法实现它的工作。当我尝试数据绑定或查看控制台中的值时，不会显示任何内容。输入小时数 - Ionic App

这里是我到目前为止的代码段：

<select> 
     <option ng-model="bookingInfo.hour" type="time" value="08:00"> 8:00am</option> 
     <option ng-model="bookingInfo.hour" type="time" value="09:00"> 9:00am</option> 
    </select> 
    </label>

我希望被指出了正确的方向。

谢谢。

来源

2016-10-27 jadthedev

为了显示预订时间列表，您可以在控制器内创建一个数组，并使用ng-repeat来遍历它们。

然后，您的<select>将有一个ng-model绑定选定的值。

下面是一个工作示例！

angular.module("app", []) 
 
.controller("myCtrl", function($scope) { 
 
    $scope.bookingInfo = [ 
 
    {"hour": "8:00AM"}, 
 
    {"hour": "9:00AM"}, 
 
    {"hour": "10:00AM"}, 
 
    {"hour": "11:00AM"} 
 
    ] 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="app" ng-controller="myCtrl"> 
 
    <select ng-model="selectedBooking" name="bookingInfo"> 
 
    <option value="" disabled selected>Select your booking time</option> 
 
    <option value="{{info.hour}}" ng-repeat="info in bookingInfo" type="time">{{info.hour}}</option> 
 
    </select> 
 
    <div style="margin-top:20px">Selected time: {{selectedBooking ? selectedBooking : 'none'}}</div> 
 
</body>

来源

2016-10-27 05:14:28 tanmay

输入小时数 - Ionic App

回答

相关问题