записывать данные из массива в console.log в Angular Typescript

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}} . Когда пользователь нажимает на указанный c paragraph1, я хочу, чтобы этот paragraph1 регистрировался на консоли, чтобы я мог получить к нему доступ с помощью кода на стороне сервера и использовать его в запросах SQL.

Кто-нибудь знает, как я могу зарегистрировать конкретно выбранный пользователем {{info.paragraph1}} с помощью console.log?

Answer 1

просто добавьте параметр в свой метод, который вы хотите сохранить в console.log

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

, и отправьте его вот так

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

Answer 2

Вы можете добавить параметр в свою getInfo() функцию, в которой вы переносите содержимое абзаца из «нажатого» элемента в вашу функцию (и сервер api).

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

Измените функцию getInfo чтобы разрешить параметр:

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