上點擊單元格，選擇/取消選擇複選框

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>