Angular 在 ng-for 中增加变量

Question

我正在循环访问 ng-for 的链接列表。使用名为 wowjs 的插件，它们的图标应该以不同的持续时间出现。第一个出现的最快，最后一个出现的最晚。

为了使这项工作有效，您需要将 data-wow-delay 属性设置为以秒为单位的持续时间。即“1.0s”。

我创建了一个设置为 1.0 的变量 dataWowDelay，然后连接 's'。问题是我试图在 ng-for 的每个循环之后增加这个变量，但这在解析错误之前不起作用。

<ul class="social-list">
  <li *ngFor="let link of links">
    <a class="wow zoomIn" [attr.data-wow-delay]="dataWowDelay + 's'">
       <span></span>
    </a>
    {{ dataWowDelay = dataWowDelay + 0.1 }}
  </li>
</ul>

Answer 1

已经有一个迭代器索引，您可以非常简单地使用它：

<ul class="social-list">
  <li *ngFor="let link of list; let idx = index">
    <a class="wow zoomIn" [attr.data-wow-delay]="idx * 0.01 + 's'">
    </a>
  </li>
</ul>

注意这里使用了index；只需使用您的乘数，这就可以正常工作。

Angular 在 ng-for 中增加变量

Angular increment variable in ng-for

javascript

angular

wow.js