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]}">