angular - 如何在 Angular4/Ionic 中使用 *ngFor 时从列表中获取单击的项目详细信息

Question

我试图在单击项目时获取其详细信息，但无法获取循环项目详细信息。要求是需要获取详细信息并在 Ionic 创建的模态中显示

模板代码:

<div class="row" *ngFor="let circularitem of circularmonthdata; let i = index">
  <div class="col">{{circularitem.Circular_date}}</div>
  <div class="col">{{circularitem.Circular_name}}</div>
  <div class="col">
    <a class="btn btn-small" (click)="openModal(i)">
      <i class="fa fa-eye" aria-hidden="true"></i>
    </a>
  </div>
</div>

组件类代码:我是在 Angular 中使用模态的新手，请让我知道如何从类中填充模态

public openModal(index) {
  console.log("value is", index);
}

Answer 1

您可以将circularItem作为参数传递:

(click)="openModal(circularItem)"

在.ts中:

public openModal(item){
    console.log(item);
}