簡體   English   中英

單擊封閉行,在Angular JS轉發器表中切換復選框

[英]Toggle checkbox in Angular JS repeater table by clicking enclosing row

我有一個用ng-repeat構造的表,其中每一行都有一個復選框,該復選框由重復的JSON數據中的值設置:

<tr ng-repeat="t in tabledata" ng-click="t.isChecked=t.!isChecked">
    <td><input type="checkbox" ng-model="t.isChecked"></td>
    <td>{{t.firstName}} {{t.lastName}}</td>
</tr>

我想點擊該來切換該中的復選框值。 我嘗試了以上,但它不起作用。 思考?

試試這個:

ng-click="t.isChecked = !t.isChecked"

感嘆號應該在t.isChecked前面。

還要確保停止在復選框本身上傳播click事件,否則單擊復選框將不允許您選中/取消選中任何內容。

<input type="checkbox" ng-model="t.isChecked" ng-click="$event.stopPropagation()">

演示: http//plnkr.co/edit/KJziWDmlN2gTbthOF4yJ?p = preview

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM