如何在角度中使用属性绑定与td属性colspan？

Question

我正在以角度方式处理表格元素。 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>

我想要的是什么：

在我的.ts文件中，我将count值赋予列数组的长度，因此我的页脚单元格的列长度使用属性绑定均等分布。

我也试试：

• [列跨度] = “计数”
• 列跨度= “ '计数'”

但这些都没有奏效并显示同样的错误。

Answer 1

试试这个，

如果要绑定到属性，请使用[attr.colspan] =＆＃34; count＆＃34;语法