角度-在* 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
  }