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；只需使用您的乘数，就可以正常工作。