Dear @chris-clarkson

Just set the animation property via TypeScript to empty string, and then set a timeout that changes the property to class name, so it inherits from the CSS again.

Here is an example:

HTML:

   <div class="container">
      <div class="row">
        <div class="col-md-12 mx-auto my-5">
          <img
            class="animated "
            src="https://mdbootstrap.com/img/logo/mdb-transparent.png"
            [ngClass]="myClass"
          />
        </div>
      </div>
    </div>
    <button mdbBtn color="primary" (click)="animate()">bounce!</button>

TS:

myClass = '';

  animate() {
    this.myClass = '';
    setTimeout(() => {
      this.myClass = 'bounce';
    }, 0);
  }

Hope it helps!

Best Regards, Bartosz.