效果如下：

? ? ? ?? ?

HTML文件如下：

<table>
  <thead>
    <tr>
      <th width="20%">
        <input type="checkbox" [(ngModel)]="checkAll" (change)="changeChecked()" />
      </th>
      <th>資產(chǎn)名稱</th>
      <th>資產(chǎn)規(guī)格</th>
      <th>資產(chǎn)編號(hào)</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of tableList;let key=index">
      <td>
        <input type="checkbox" [(ngModel)]="item.checkStatus" (change)="changeCheckedChild(item)" />
      </td>
      <td>{{item.assetName}}</td>
      <td>{{item.specificationModel}}</td>
      <td>{{item.assetNumber}}</td>
    </tr>
  </tbody>
</table>

ts文件如下：

export class WorkTableComponent implements OnInit {
  checkAll; // 全部選中
  tableList = [
    {
      "uuid": "605df9e6b88349bc882649d39f70b638",
      "assetNumber": "00002",
      "assetName": "小米顯示屏",
      "specificationModel": "00002",
      checkStatus: false,
      "storAddr": "https://zkfoss.oss-cn-hangzhou.aliyuncs.com/pic/zkf_1593760586175.png"
    },
    {
      "uuid": "fd6f06103c4d4512957c45effaefbf88",
      "assetNumber": "11111111",
      "assetName": "11111",
      "specificationModel": "",
      "storAddr": null,
      checkStatus: false
    }
  ];
  constructor() { }

  ngOnInit() { }
  // 點(diǎn)擊全選
  changeChecked() {
    this.tableList = this.tableList.map(item => Object.assign({}, item, { 
        checkStatus: this.checkAll 
     }))
  }
  // 點(diǎn)擊每一項(xiàng)選擇
  changeCheckedChild(getItem) {
    var onOff = true; // 假設(shè)所有的都是選中
    this.tableList.forEach(item => {
      if (!item.checkStatus) {
        onOff = false;
      }
    })
    this.checkAll = onOff
  }
}

?