特定条件的ngstyle

Question

<h4 *ngFor="let x of textAddedList" 
    [ngStyle]="{backgroundColor:textAddedList.length>2?'grey':'transparent'}">
    {{x}}
</h4>

我只想在两个条目后才应用灰色样式，但是当我应用此逻辑时，它适用于第二行之后。提前致谢。

Answer 1

使用index在*ngfor中使用。由于数组的索引始于0，对于第二行之后的行，索引大于1：

<h4
  *ngFor="let x of textAddedList; let i = index"
  [ngStyle]="{ backgroundColor: i > 1 ? 'grey' : 'transparent' }"
>
  {{ x }}
</h4>

示例stackblitz demo

输出