How to animate the ion-item on particular condition


#1

I have a timeline view in my project and i want to animate the item, when the current date and server date is matches, Here is the code

workout.html

<section id="cd-timeline" class="cd-container">
    <div *ngFor="let item of taskList; let i=index;" (click)="exerciseWatch(i)">
      <div class="cd-timeline-block">
        <!-- CUSTOMIZE YOUR STYLE USING DEFAULT IONIC VALUES SUCH AS POSITIVE, CALM, BALANCED,... -->
        <div class="cd-timeline-icon calm" text-center>
          <b>{{item.d}}/{{item.m}}</b>
        </div>
        <!-- CUSTOMIZE YOUR STYLE USING DEFAULT IONIC VALUES SUCH AS POSITIVE, CALM, BALANCED,... -->
        <div class="cd-timeline-content calm" padding>
          <h5 class="marginBottom0 marginTop0">{{item.name}}</h5>
        </div>
      </div>
    </div>
  </section>

workout.ts

 let dateString = String(json[t].schedule_date)
      if (this.oDate === dateString) {
        console.log("--------------Date Matched--------------");
        this.dateMatched = true;
      }

so how can i tried to make it possible please help me out


Thanks.