如何使用属性绑定与 td 属性 Colspan 在角度?

我正在研究桌面元素的角度。Al 通过我的代码工作得很好。但是当我需要在 td属性 colspan上实现属性绑定时,它会在浏览器控制台中显示如下错误:

Uncaught Error: Template parse errors:
Can't bind to 'colspan' since it isn't a known property of 'td'. ("Total Rows:
</td>
<td [ERROR ->]colspan="{{count}}">
{{rows}}
</td>

我想说的是:

<table class="table table-hover" width="100%">
<tr>
<th *ngFor="let col of columns">
{{col}}
</th>
</tr>
<tr *ngFor="let data of getFilteredData">
<td *ngFor="let col of columns">
{{data[col]}}
</td>
</tr>
<tr>
<td colspan="{{count}}">
Total Rows: {{rows}}
</td>
</tr>
</table>

我想要的:

enter image description here

在我的。Ts 文件我给列数组的长度赋了 count值,所以不管列的长度是多少,我的页脚单元格使用属性绑定都是均匀分布的。

我也试着:

  • [ colspan ] = “ count”
  • Colspan = “‘ count’”

但所有这些都不起作用,并显示出相同的错误。

46441 次浏览

试试这个,

如果要绑定到属性,请使用 [attr.colspan]="count"语法

这里,colspan 不是 td 元素的属性。Colspan 是一个属性。所以我们必须给 colspan 加上 attr 前缀来告诉 angle 它是一个属性如果我们不写 attr 前缀,那么 angle 考虑它的属性,这样它就会抛出错误。