AngularJS 使用 checklist-model 设置复选框检查默认值答案

【问题标题】：AngularJS set check box checked default with checklist-modelAngularJS 使用 checklist-model 设置复选框检查默认值
【发布时间】：2019-02-09 00:18:15
【问题描述】：

我在 ng-repeat 循环中选中了复选框，并且我正在使用 checklist-model 来获取选中的值。但是，我需要将这些复选框设置为默认选中。我用过ng-checked="true"。但是它显示复选框已选中，但提交时值为空。
代码是：

<tr data-ng-repeat="line_items in orderItems">
<td align="center" data-ng-if="line_items.id">
    <div class="vd_checkbox checkbox-success">
          <input type="checkbox" id="checkbox-{{$index}}"
              checklist-model="comp.orderItemSelect"
              checklist-value="line_items.id"  ng-checked="true"/>
          <label for="checkbox-{{$index}}">&nbsp;</label>
     </div>
</td>
<tr>

ng-checked 显示复选框已选中，但 checklist-model 未将其选中。如何使用 checklist-model 默认选中复选框？

【问题讨论】：

标签： javascript angularjs checkbox

【解决方案1】：

不要使用 ng-checked

我的例子

<div ng-repeat="weekDay in weekDays">
    <input 
        checklist-value="weekDay.id" 
        checklist-model="scheduleData.sch_day"
        type="checkbox">
        {{ weekDay.name }}
</div>

我的控制器

$scope.weekDays = [ { 'name': 'Mon', 'id': '1' }, 
                    { 'name': 'Tue', 'id': '2' }, 
                    { 'name': 'Wed', 'id': '3' },
                    { 'name': 'Thu', 'id': '4' }, 
                    { 'name': 'Fri', 'id': '5' }, 
                    { 'name': 'Sat', 'id': '6' },
                    { 'name': 'Sun', 'id': '7' },                           
                ];
$scope.scheduleData = {sch_day:['1','2','3','4','5','6','7']};

这会起作用

【讨论】：