css - 使用 [ngStyle] Angular2 隐藏表格数据

Question

我正在尝试使用以下方法隐藏表格数据:

<td *ngFor="let tableHeaderItem of gridHeaderData" 
    [ngStyle]="{'hidden' : tableHeaderItem.hidden ? 'none' : 'table-cell'}">

但它不起作用。我尝试将引号 'hidden' 删除为 hidden 但它不起作用。

Answer 1

您需要有一个名为 hidden 的 CSS 类，它具有 display: none 才能工作。否则，您可以尝试以下操作:

<td *ngFor="let tableHeaderItem of gridHeaderData" 
    [ngStyle]="{'display' : tableHeaderItem.hidden ? 'none' : 'table-cell'}">

请参阅关于 ngStyle 的官方 Angular2 文档指令了解更多详情。

你也可以像这样使用[style.display]:

<td *ngFor="let tableHeaderItem of gridHeaderData" 
    [style.display]="tableHeaderItem.hidden ? 'none' : 'table-cell'">