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不够？