代码之家 › 专栏 › 技术社区 › Scaraux

角度增量变量,以ng表示

wow.js angular javascript

2

Scaraux · 技术社区 · 6 年前

我正在循环一个链接列表 ng-for . 使用一个名为 wowjs 它们的图标应该以不同的持续时间显示。第一个显示最快,最后一个显示最新。

要使此工作正常,需要设置 data-wow-delay 属性设置为以秒为单位的持续时间。即“1.0”。

我创建了一个变量 dataWowDelay 我设置为1.0,然后连接 's' . 问题是,我正在尝试在 NG 但在出现分析错误之前,这不起作用。

<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>

1 回复 | 直到 6 年前

1

4

Randy Casburn 6 年前

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

<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 这里,只需使用你的乘数,这个就可以了。