angular4中表格第一列全选和反选checkbox多选框

首先要在table中tr的th的第一列和tr的td第一列进行checkbox创建

html代码

然后再根据事件checkAll的变化进行对checkbox的选中和取消，

ts代码如下

//全选反选

checkAll(ev: any) {

this.productData.forEach((x:any) => x.isChecked = ev.target.checked)

}

这样就简单的完成了对表格第一列的全选和反选