AngularJS使用checklist-model设置复选框默认值

时间:2015-10-28 12:45:50

标签: javascript angularjs checkbox

我在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 show复选框,但checklist-model未将其选中。如何使用checklist-model默认选中复选框?

1 个答案:

答案 0 :(得分: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']};

这将有效