代碼：

<tr *ngFor="let d of EnergyUseInfos" (click)="selectEnergyUses(d)"><td style="text-align: left"><input type="checkbox" style="margin: auto" name="{ozvdkddzhkzd}" [(ngModel)]="d.isCheck" ></td><td>{{d.code}}</td><td>{{d.name}}</td> </tr> selectEnergyUses(d: EnergyUseInfo) {d.isCheck = !d.isCheck; }class EnergyUseInfo {public id;public code;public name;public isCheck: boolean = false; }

先看上面html，一般來寫如果是點(diǎn)擊多選框選中的話，

(click)="selectEnergyUses(d)這句話應(yīng)該寫在里，那么如果想點(diǎn)擊整行選中就需要將這個(gè)語句提到中，然后在中雙向綁定一個(gè)boolean值并且在selectEnergyUses()函數(shù)中要去改變這個(gè)值，也就是每次點(diǎn)擊值就別改變，這樣就實(shí)現(xiàn)了點(diǎn)擊整行選中。

注意多選框中要設(shè)置不同的name屬性。

總結(jié)

以上是生活随笔為你收集整理的angular8多选框实现点击整行任意位置＜tr＞就可以选中多选框的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。