代码: <tr *ngFor="let d of EnergyUseInfos" (click)="selectEnergyUses(d)"><td style="text-align: left"><input type="checkbox" style="margin: auto" name="{{d}}" [(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,一般来写如果是点击多选框选中的话, (click)="selectEnergyUses(d)这句话应该写在里,那么如果想点击整行选中就需要将这个语句提到中,然后在中双向绑定一个boolean值并且在selectEnergyUses()函数中要去改变这个值,也就是每次点击值就别改变,这样就实现了点击整行选中。 注意多选框中要设置不同的name属性。