Angular 中的动态 CSS 样式

Question

首先我得到了一个包含项目的列表。我遍历该列表以填充表格（ngFor）。现在我有一个乘数，它确定每个 tr 有多少填充。就像第一级有 0 填充第二有 10 等。

有没有办法在 ngFor 中从列表中的项目执行此操作？ 像这样：

<tr>
   <td style="padding-left: 10px * {{ item.MultiplyLevel }}></td>
</tr>

我知道上面的代码不起作用，而且有这样的：

[style.padding-left.px]="10"

我也尝试了上述方法，只是将其相乘，但没有奏效。我可以为存储填充量的项目添加一个新属性，但我想在视图中计算它。

Answer 1

<div *ngFor="let a of ar">
  <span [style.padding-left.px]="[ 10 * a]">aaaa</span>
</div>

其中 ar 只是一个保存偏移量的普通数组。

ar = [1,3,5];

Stackblitz：https://stackblitz.com/edit/angular-rs1csq