angular2 - 使用隐藏隐藏行列

Question

我只想隐藏最后一栏＆＃39; Id＆＃39;表格中的一行，取决于某些条件if（colValue ==＆＃34; Id＆＃34;）。

<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绑定到元素

-1

然后在模板中：

.hide {
  display: none;
}

避免使用<th [class.hide]="colValue == Id"></th> 属性，绑定到主机时可能会导致错误。并hidden将添加hidden。

Answer 3

我看到你正在尝试创建一个表组件。我建议不要这样做。您可能最终会在javascript而不是html页面中拥有大量gui相关代码。我可以问为什么需要隐藏它吗？为什么* ngIf不够？