私は、ユーザーが別の時間を選択して予定を予約することができる私の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>
私は正しい方向に指摘されていただければ幸いです。
ありがとうございます。
予約のタイミングのリストを表示するには、コントローラー内にアレイを作成し、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>