angular/material

How can i give dynamic or auto increment template variable name?

I use inside an ngFor loop a button that triggers a resuable matMenu but it causing trouble (e.x. the matMenuTrigger.closeMenu() doesnt work)

I read at angular site that i should not use the same #name inside the code so i guess thats the problem

any thoughts?

  <div fxLayout fxLayout="row" class="cal-body-container">
    <div fxFlex class="cal-body" *ngFor="let dayOfTheWeek of [0,1,2,3,4,5,6]">
      <ng-container *ngFor="let todo of todoByDate(dayOfTheWeek)">
        <a mat-button class="cal-task no-hover-effect" [matMenuTriggerFor]="menu" #matMenuTrigger="matMenuTrigger">{{ todo.title }}</a>
      </ng-container>
    </div>
  </div>