上点击单元格，选择/取消选择复选框

Question

我复选框这样的：

如果我点击“等待第一次会议”的话，它选择和取消选中该复选框。如果我点击单元格（例如，黑色部分，但不是文本本身），它不会选择/取消选择复选框。

HTML：

<table> 
    <tr ng-repeat="option in item.options"> 
     <td> 
      <input id="{{ item.id }}-{{ $index }}" 
        type="checkbox"/> 
     </td> 
     <td ng-style="{'backgroundColor':option.color}"> 
      <label for="{{ item.id }}-{{ $index }}" ng-style="{'backgroundColor': option.color}">{{ option.title }}</label> 
     </td> 
    </tr> 
</table> 

有一件事我想就是让标签宽度等于小区的100％，但如果文字是空白，这是不行的。有什么建议么？

Answer 1

我认为你必须要么改变你的标记

<label ng-repeat="option in item.options" ng-style="{'backgroundColor':option.color}"> 
    <input type="checkbox" value="{{ option.title }}"/>{{ option.title }} 
</label> 

或者添加ng-checked和ng-click。

<tr ng-repeat="option in item.options"> 
    <td> 
     <input ng-checked="item.checked" type="checkbox"/> 
    </td> 
    <td ng-style="{'backgroundColor':option.color}"> 
     <label ng-click="item.checked = !item.checked" ng-style="{'backgroundColor': option.color}"> 
      {{ option.title }} 
     </label> 
    </td> 
</tr>