带有三元语句的Angular HTML模板中的问题

Question

我在Angular HTML模板中有一个三元语句。但是，当语句返回false时，数据不会分配到所有6列。

<td colspan="getNrOfColumnHeaders() ? 8 : 6">
    {{(serverError ? 'SERVER_ERROR_TABLE_MSG' : 'NO_DATA') | translate}}
</td>

有人知道出了什么问题吗？

Answer 1

您需要动态绑定到属性，以便Angular知道它在更改时必须更新值，因此您需要[colspan]而不是colspan：

<td [colspan]="getNrOfColumnHeaders() ? 8 : 6">
  {{(serverError ? 'SERVER_ERROR_TABLE_MSG' : 'NO_DATA') | translate}}
</td>

Answer 2

请确保getNrOfColumnHeaders返回布尔值，然后将方括号添加到colsap属性中。

 <td [attr.colspan]="getNrOfColumnHeaders() ? 8 : 6">
          {{(serverError ? 'SERVER_ERROR_TABLE_MSG' : 'NO_DATA') | translate}}
    </td>