How to show & hide element next to anchor tag

#1

<ion-card *ngFor=“let r of rewards”>


<a (click)=“showDesc($event)”>View Description

<p *ngIf=“this.descDisplay”>{{r.description}}


.ts file code

showDesc($e:any) {
this.descDisplay = !this.descDisplay;
}

I am new to ionic but here I stuck. I want to hide <p *ngIf=“this.descDisplay”>{{r.description}}

when clicked on anchor tag but the problem is I have multple element as its under loop so If I put code the it show/hide all element at once. So I want to hide <p *ngIf=“this.descDisplay”>{{r.description}} next to click element.
#2

Can you think of something that is different during each iteration of the loop? How about putting the “descDisplay” flag underneath it instead?