-1
Цель: я должен поставить эти данные с этой структурой:Определить нг-модель для этого входного массива JSON - AngularJS
"open_hours": [ // (See that open_hours is an array).
{
"weekday": "mon",
"opens_at": "09:00",
"closes_at": "22:00"
},
{
"weekday": "tue",
"opens_at": "09:00",
"closes_at": "22:00"
}
]
в этот controller.js:
$scope.days = ["sun","mon","tue","wed","thu","fri","sat"];
$scope.restaurant = {};
$scope.restaurant.open_hours = [];
Для просмотра в этом template (angular-bootstrap-ui timePicker
):
<div class="row">
<div class="col-lg-12">
<table class="table table-striped table-hover table-condensed">
<tbody ng-repeat="day in days">
<tr>
<td>
<input type="hidden" ng-model="restaurant.open_hours[day].weekday" ng-value="day"/>
{{day}}
</td>
<td>
Opens at <uib-timepicker ng-model="restaurant.open_hours[day].opens_at" show-meridian="false" show-spinners="false" minute-step="15"></uib-timepicker>
</td>
<td>
Closes at <uib-timepicker ng-model="restaurant.open_hours[day].closes_at" show-meridian="false" show-spinners="false" minute-step="15"></uib-timepicker>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Как это сделать? Во всех моих попытках мне не удалось.
Мы почти там, теперь, когда я заполняю другой день с некоторым временем, день добавляется в массив, но без значения дня недели, например .: { "opens_at": "2016-06-30T14: 50: 16.334Z ", " closes_at ":" 2016-06-30T15: 50: 16.336Z " } –
Я не уверен, что вы имеете в виду, но, возможно, вам нужен скрытый ввод для свойства weekday. – Michael