'angular archwizard dynamic hashtag in ngFor

I'm using angular-archwizard for making multi-step.

@ViewChild('wizard1', { static: false })
public wizard: WizardComponent;

<aw-wizard #wizard>
    <aw-wizard-step [stepTitle]="'Saisie A'"></aw-wizard-step>
    <aw-wizard-step [stepTitle]="'Saisie B'"></aw-wizard-step>
    <aw-wizard-step [stepTitle]="'En validation'"></aw-wizard-step>
</aw-wizard>

How can i make #wizard dynamic, for example my target will be #wizard{{i}}

<ng-container *ngFor="let activityId of (activityIds$ | async); let i = index;">
    <aw-wizard #wizard>
        <aw-wizard-step [stepTitle]="'Saisie A'"></aw-wizard-step>
        <aw-wizard-step [stepTitle]="'Saisie B'"></aw-wizard-step>
        <aw-wizard-step [stepTitle]="'En validation'"></aw-wizard-step>
    </aw-wizard>
</ng-container>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'angular archwizard dynamic hashtag in ngFor

Sources

Related Questions