将数组中的数据记录到 Angular Typescript 中的 console.log

Question

.html 文件

<div class="container" *ngFor="let info of (this.info || [])">    
<h5 class="card-title" (click)="getInfo()">{{info.paragraph1}}</h5>
</div>

.ts 文件

getInfo () {

*****console.log(_____????)*****

this.apiService.getInfo()
.subscribe( (data : any) => {
    this.Info = data;
    console.log(this.Info);
});

}

站点上将显示几个不同的 {{info.paragraph1}} 。当用户单击特定 paragraph1 时，我希望将 paragraph1 登录到控制台，以便我可以使用我的服务器端代码专门访问它并在 SQL 查询中使用它。

有谁知道我如何使用 console.log 专门记录用户选择的 {{info.paragraph1}}？

Answer 1

您可以向 getInfo() 函数添加一个参数，将段落内容从“已点击”元素传输到您的函数（和 api 服务器）。

<h5 class="card-title" (click)="getInfo(info.paragraph1)">{{info.paragraph1}}</h5>

修改 getInfo 函数以允许参数：

getInfo (paragraph) {
  console.log(paragraph);
}

Answer 2

只需将参数添加到您想要的方法中即可 console.log

getInfo (paragraph) {
  console.log(paragraph);
}

然后像这样发送

<h5 class="card-title" (click)="getInfo(info.paragraph1)">{{info.paragraph1}}</h5>

将数组中的数据记录到 Angular Typescript 中的 console.log

log the data from an array to console.log in Angular Typescript

html

json

console.log

angular