javascript - ng-for 中的角度增量变量

Question

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

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

我创建了一个dataWowDelay设置为 1.0 的变量，然后将'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这里的使用；只需使用您的乘数就可以了。