角度-在* ngFor中的最后一個元素上調用函數

Question

如何在* ngFor迭代器的最后一個元素處調用函數。 下面是我嘗試過的代碼，但是它調用了無限次。 有什么方法可以在最后一個元素處調用函數？

謝謝您的幫助

template.html

<div class="some-class" *ngFor="let item of items index as i; last as isLast">
   <div *ngIf="isLast">{{callSomeFunc(isLast)}}</div>
</div>

component.ts

callSomeFunc(isLast) {
  console.log(isLast)
}

Answer 1

您錯過了*ngFor分號。

解：

<div class="some-class" *ngFor="let item of items; index as i; last as isLast">
  <div *ngIf="isLast">{{callSomeFunc(isLast)}}</div>
</div>

Answer 2

如果您有類似的組件，請補充我的評論

<div class="some-class" *ngFor="let item of [0,1,2];let i=index;let isLast=last">
   <div *ngIf="isLast">{{callSomeFunc(i)}}</div>
</div>

//在ts中

callSomeFunc(value:any){
    console.log(value)  //You'll see in console severals 2
  }