如何使用 *ngfor在每个循环的HTML页面上调用函数

Question

我在数组中使用以下代码从我的page.ts

中获取API的数据

this._myservice.myservice(this.taskdesc).subscribe(data => {
      this.list = data;

在我的page.html上，我使用*ngFor，代码显示数据：

：

<ion-list no-lines *ngFor="let list of displayList;let i=index;" >
    <ion-item>{{list.TASKDESC}}{{list.ENTUSR }}{{list.DEADLINE_DT }}</ion-item>

在每个循环中，我想调用函数checkdeadline_dt()并在控制台list.DEADLINE_DT中打印。

请在HTML/TS页面上建议代码作为如何实现。

Answer 1

您需要做这样的事情。

<ion-list no-lines *ngFor="let list of displayList;let i=index;" (click)="checkdeadline_dt(list.DEADLINE_DT)">
<ion-item>{{list.TASKDESC}}{{list.ENTUSR }}{{list.DEADLINE_DT }}</ion-item>