Question

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

中的以下代码从数组中的API获取数据

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

在每个for循环中，我想调用函数list.DEADLINE_DT并在控制台{{1}}中打印。

请告知HTML / TS页面上的代码如何实现此目的。

Answer 1

您可以直接绑定*ngFor

中的功能

试试这个

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

在组件中：

checkdeadline_dt(list){
  console.log(list.DEADLINE_DT);
}

如果您不想从html自行调用，因为此解决方案会严重影响应用的性能。然后你可以在它自己的组件中做到这一点。

在组件中，无论您在哪里创建displayList，您都可以循环遍历它并且可以实现相同的解决方案，并且可以再次无法再次调用相同的函数（如果您通过html执行此操作{ {1}}也建议）。

在组件中尝试：

@AJT_82

Answer 2

你需要做这样的事情。

.diff()

如何使用* ngFor在每个for循环中从HTML页面调用函数

2 个答案: