I want to use a animation-delay dynamically inside a ngFor
loop. So I am using style="animation-delay:'i's;"
where i is the loop variable.
This is not working.
My code is like below:
<div class="yourdiv" *ngFor = "let item of gvp.userMessages;let i = index" [attr.data-index]="i"
style="animation-delay:'i's;">
<div style="text-align:right;margin-right:10px">
<ion-icon name="undo" class="rplymsg msgico"></ion-icon>
<ion-icon name="trash" class="delmsg msgico" (click)="deleteMessage()"></ion-icon>
</div>
<div *ngFor = "let msg of item[1]" class="{{msg.substring(0,1) == 'R' ? 'receivedmsg left-top' : 'replymsg right-top' }}">
{{msg.substring(2,msg.length)}}
</div>
</div>
Please help.