使用ngFor索引递增[ngStyle] attr?

亚历克斯

我正在尝试使用ngFor动态创建几个元素,然后根据绘制的数量设置top属性。

我想知道是否有一种方法可以在ngStyle的同一div上访问ngFor的索引?

<div class="row" *ngFor="let d of data; let i = index;" [ngStyle]="{'top': mrTop*i}" >

如果没有,我将如何实现类似的建议?

我宁愿避免添加另一个div之类的东西;

<div *ngFor="let d of data; let i = index;">
  <div class="testCase" [ngStyle]="{'top': mrTop*i}">{{d}}</div>
</div>

(尽管这也不起作用)

我想知道是否有一种方法可以将事件侦听器附加到循环事件,以便在幕后可以mrTop为绘制的每个div递增变量?

无论如何,我不确定如何最好地解决这个问题,并希望获得一些帮助/建议。

插在这里

萨克斯

您的mrTop变量是一个字符串,不能将其相乘。

尝试:

public mrTop = 10;

然后

<div [ngStyle]="{'top': mrTop*i + '%'}">

要么

<div [style.top.%]="mrTop*i">

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章