角度表，行中的复选框

Question

我的Angular项目存在问题，并没有真正看到如何解决它。 我有一个表格，每行都有一个复选框（每行代表一个“问题”项目）。 我希望复选框在单击某一行或（显然）复选框时切换。 所以我写了这个（玉）：

tr(ng-click="question.selected = !question.selected")
    td
        input(type="checkbox", ng-model="question.selected")
    td {{question.title}}
    td {{question.answers}}
    td etc...

问题是：当我单击复选框时，会触发该行上的ng-click事件，然后取消选中该复选框。 解决方法是将ng-click事件放在除包含复选框的单元格之外的每个单元格上，但我认为这不是一个非常好的方法。

你有什么主意吗 ？

Answer 1

您需要在单击checkbox时停止传播以停止冒泡事件，以便父td不会获得单击，并且通过在复选框上添加ng-click="$event.stopPropagation()"不会重置该值。

标记

tr(ng-click="question.selected = !question.selected")
    td
        input(type="checkbox", ng-model="question.selected", ng-click="$event.stopPropagation()")
    td {{question.title}}
    td {{question.answers}}
    td etc...