Hey there, I have a simple accordion that is based on an API called "names".
<div *ngFor="let item of showDirNames | async | filter: name; let i = index;">
<button class="accordion" (click)="toggleAccordian($event, i)"> {{item.name}} </button>
<div class="panel" *ngFor="let child of fileUploads | async | filter: name" hide="!item.isActive">
<p *ngFor="let child of fileNames| async | filter: name"> {{child.name}} </p>
</div>
</div>
This is how it appears:
DirName_1
- file_name
- file_name
DirName_2
- file_name
- file_name
When the user clicks on DirName_1, they will see a list of file names within that directory. How can I retrieve the name (for example DirName_1) from the user? I want to identify which accordion was clicked by the user in order to provide the corresponding file names from the server.