javascript - 在选择中为 ng-model 分配一个对象

标签 javascript angularjs json angular-ngmodel angularjs-ng-init

我正在迭代一个范围并为每个索引填充新的选择选项。这些选项与我正在迭代的范围无关,而是不同类型的选项。代码如下:

<div ng-repeat="i in range(booking.numberOfRooms) track by $index">
    <p>Room {{$index + 1}}</p>
    <select ng-model="booking.roomSelection[$index]" ng-options="obj.roomType as obj.roomType for obj in roomTypes" ng-init="booking.roomSelection[$index] = { id: $index + 1, roomType: 'Double' }"> </select>
</div>

如何将对象数组分配给 ng-model(就像 ng-init 中那样)?例如。对于两个房间,ng-model 的结果应该类似于:

booking.roomSelection = [{id: 1, roomSelection: 'Double'}, {id: 2, roomSelection: 'Double'}]

最佳答案

只需绑定(bind)到您的 booking.roomSelection 并删除 ng-init。如果您选择两个选项,它们的值将被推送进入 booking.roomSelectionbooking.roomSelection 将是一个数组

<select multiple ng-model="booking.roomSelection" ng-options="obj.roomType as obj.roomType for obj in roomTypes"></select>

关于javascript - 在选择中为 ng-model 分配一个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39013078/

相关文章:

JavaScript 负面回顾问题

javascript - AngularJS - TD 元素中标题属性中的多个 {{ }}

javascript - Angular : module behavior, 如果 (""我不明白 JavaScript 代码)

javascript - 使用 Angular 有条件地显示选择中的选项

json - 以 JSON 格式打印出 MongoDB 文档

python - 关于在不覆盖现有数据的情况下将此数据(JSON)存储在 Redis 中的建议?

javascript - 按旁路顺序执行 HTTP 请求

javascript - 任何固定图像位置的方法

javascript - 删除ajax响应中的引号

javascript - 通过appendChild()可以添加哪些JS对象?