角度表，行中的復選框

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...