带有三元语句的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>