Angular HTML TD类

提问者：小点点

我有下面的10列td。我想在前4列下划线，但不在其余6列下划线。谁能帮我如何完成这件事。

<tr>
     `<td *ngFor="let column of Columns; let i=index;" class="cell-underline" >`    
         `<span>{{column.value}}</span>`
  </td>
<tr>

共2个答案

匿名用户

您可以有条件地添加类:

<td *ngFor="let column of Columns; let i=index;" [class.cell-underline]="i < 4">

匿名用户

您应该使用ngFor指令并添加一个condition类。这是你的一个例子:

<td *ngFor="let column of columns; index as i;">
  <span [ngClass]="{'underline': i < 5 }">{{column.value}}</span>
</td>