ng-for中的角增量變量

Question

我在用ng-for鏈接列表。 使用名為wowjs的插件，它們的圖標應該以不同的持續時間顯示。 第一個出現最快，最后一個出現最新。

為了使此工作有效，您需要將data-wow-delay屬性設置為以秒為單位的持續時間。 即“ 1.0s”。

我創建的變量dataWowDelay我設定為1.0，然后我串連's' 。 問題是我嘗試在ng-for每個循環后遞增此變量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 ； 只需使用您的乘數，即可正常工作。