javascript - 以 Angular 获取选中的复选框

Question

我有一个包含星期几的数组。它看起来像这样:

$scope.days=[{id:0, day: 'Monday'},{id:1, day: 'Tuesday'},{id:2, day: 'Wednesday'},{id:3, day: 'Thursday'}, {id:4, day: 'Friday'}, {id:5, day:'Saturday'}, {id:6, day:'Sunday'}];

一个用户有一个包含他/她有空的天数的字符串:

$scope.user={"userdays":"1011111"};;

1 = 可用，0 = 不可用。

我将它绑定(bind)到一个复选框列表，如下所示:

<p ng-repeat="day in days">
  <input  ng-model="userdays[day.id]" ng-checked="user.userdays[day.id]!=0" type="checkbox" />
{{day.day}}</p>

为天数数组创建复选框列表并检查天数，用户可用。

每当发生变化时，我都会将日期添加到属性中:

$scope.userdays={};

然后我想保存用户可用的天数。但是除非我进行更改(即单击其中一个复选框)，否则 $scope.userdays-property 不包含任何内容，它只包含我与之交互的复选框的值。

我的问题是，无论我是否实际点击了其中一个复选框，如何获取所有选中复选框的值？

我在这里创建了一个 plunker，展示了我当前的实现: http://plnkr.co/edit/Yrr2wrcoUno6tzgBgOMa?p=preview

谢谢

托马斯

Answer 1

您可以使用 for 循环来设置初始状态

检查更新 plunker