html - 尝试使=“margin-left:{{data}};”样式起作用

Question

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元素设置为左边距样式，但这不起作用。还有另一种方法可以执行此过程吗？

Answer 1

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

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