index.ts
bubbles: any [][] = [['80%','Meeting'],['20%','Meeting']]

index.html
<div *ngFor="let bubble of bubbles">
      <div class="bubble" style="margin-left:{{bubble[0]}};">
      </div>
</div>

我试图让左边距样式使用数组bubble [0]中的数据。

for循环在该布局中给出['80%','Meeting'],因此我尝试将该数组的0元素设置为左边距样式,但这不起作用。还有另一种方法可以执行此过程吗?

最佳答案

使用[ngStyle]而不是style。文档here

<div class="bubble" [ngStyle]="{'margin-left': bubble[0]}">

10-08 18:52