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

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

模板代码：

{{通告日期}
{{circularitem.Circular\u name}

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

公共OpenModel（索引）{
日志（“值为”，索引）；
}

您可以将

circularItem

作为参数传递：

(click)="openModal(circularItem)"

在.ts中：

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

---

你可以在你的视野中看到这个

做点什么

在你的组件上，你会看到这个

openmodel（circularItem）{
const dialogConfig=new MatDialogConfig（）；
const dialogRef=this.dialog.open（MyDialogComponent，dialogConfig）；
dialogRef.componentInstance.circularItem=circularItem；
dialogRef.afterClosed（）.subscribe（数据=>{
//做点什么
});
}

请记住导入MatDialog和MatDialogConfig：

从“@angular/material”导入{MatDialog，MatDialogConfig}；

并在构造函数上声明对话框：

构造函数（私有对话框：MatDialog）{

最后，您需要确保定义要传递给对话框组件的值

导出类MyDialogComponent实现OnInit{
circularItem；//或类似于此circularItem:circularItem；
构造函数（）{}
//然后你可以像这样在这里访问它
恩戈尼尼特（）{
console.log（this.circularItem）；
}
}

您只需将

circularitem

而不是

index

传递给您的

openModal

处理程序即可。工作正常。。感谢奥古斯丁的快速回复。。你能告诉我如何在模态中显示这些数据吗？你使用角材料吗？还是自定义模态组件？抱歉，忘了提及。。模态应该在Ionic中创建-我不确定角度模态是否支持或需要创建自定义模态..我让您参考Ionic ModalController。祝你好运：）