angular2 - 隱藏隱藏行列使用隱藏

Question

我只想隱藏表中最後一列'Id'的行取決於一些條件if（colValue ==「Id」）。

<thead> 
<tr> 
    <th *ngFor="let colValue of headerRow" [hidden]="colValue == Id">{{colValue}}</th> 
</tr> 

下面是該行的列。

否|日期|名稱|類型|狀態|平衡|評論| Id |

我不想隱藏，但想隱藏。我怎麼能做到這一點？由於

Answer 1

使用https://angular.io/docs/ts/latest/api/common/index/NgIf-directive.html

<tr> 
    <th *ngFor="let colValue of headerRow" *ngIf="colValue != Id">{{colValue}}</th> 
</tr> 

Answer 2

您可以創建CSS樣式，然後綁定類的CSS元素

.hide { 
    display: none; 
} 

然後在模板：

<th [class.hide]="colValue == Id"></th> 

忌用hidden屬性，它可能當綁定到主機時會導致一個錯誤。和hidden將添加display: none !important。

Answer 3

我看到您正在嘗試創建表格組件。我會建議不要這樣做。您可能最終會在JavaScript中代替html頁面中的很多gui代碼。我可以問爲什麼它需要隱藏？爲什麼* ngIf不夠？