Hello, I am wanting to assign a property value to the data-wow-delay attribute when using the wow animations and for some reason it does not work.

data-wow-delay="{{delay[0]}}"

I can assign this property value to any other attribute and it works fine. This is very basic, so I'm really confused as to why this is not working. The wow animations work fine within my project, so I know that it is all configured correctly. The end goal is to use an *ngFor as shown below on a <div> and animate a string of text letter by letter, so I'd change the zero (below) to an i when referencing the "delay" array below.

<div class="container">
 <div class="row text-center text-uppercase pt-5">
  <div class="col-12">
   <div *ngFor="let titles of title; let i = index" class="h1 d-inline wow zoomIn"data-wow-delay="{{delay[0]}}">{{title[i]}}
   </div>
  </div>
 </div>
</div>

The component.ts related to this component has the following property...

delay: string[] = ['0.7s', '1.7s', '2.7s'];

Nothing complicated here at all yet {{delay[0]}} renders nothing when assigned to data-wow-delay, yet it returns '0.7s' when assigned to any other attribute for testing purposes. I hope that makes sense and someone can clear this up for me. Thank you, John

---