Javascript 如何将colspan动态添加到不同的<；th>；在表（4）中

我有一张这样的表格：

表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
蓝先生{
背景颜色：蓝色；
}
格林先生{
背景颜色：绿色；
}
瑞德先生{
背景色：红色；
}

项目1
项目2
项目3
数据
数据
数据
数据
数据
数据

我想，这一定行得通

<tr *ngFor="let item of items">
  <th [attr.colspan]="item.colspan">{{ item.name }}</th>
</tr>

---

您仍然可以将颜色属性添加到项目中，以便使用[ngClass]=“item.color”

绑定到该项目，谢谢。这肯定会奏效的。颜色呢？同样的方法？如果它是一个表属性，同样的方法如果它是一个样式属性，那么[style.background]=“item.bgcolor”我必须使用：{{item.name}}，因为不能绑定到'colspan'，因为它不是'th'的已知属性

items: any = [{colspan:1,name:'item 1'}, {colspan:3,name:'item 2'}.....]