анимация gsap воспроизводится только один раз, когда я помещаю ее в угловую функцию ngOnInit

Question

У меня есть угловой проект 7 и импортированная библиотека Gsap.Я хочу, чтобы анимация воспроизводилась при каждом переходе на страницу, поэтому я реализовал анимацию gsap внутри ngOnInit, но анимация воспроизводится только при первом посещении страницы, и при следующих посещениях анимация отсутствует.Я создал обратный вызов для регистрации сообщения, когда анимация завершается, и каждый раз, когда я перехожу на страницу, я вижу, что полное сообщение регистрируется в консоли, но анимация отсутствует.вот мой код ts:

import { Component, OnInit } from "@angular/core";
import { TweenMax } from "gsap";
@Component({
  selector: "app-list",
  templateUrl: "list.page.html",
  styleUrls: ["list.page.scss"]
})
export class ListPage implements OnInit {
  ngOnInit() {
    TweenMax.to("#myTarget", 1, {
      y: -50,
      onComplete: function() {
        console.log("animation completed");
      }
    });
  }
}

спасибо за помощь!

Answer 1

На самом деле мой код работал правильно!источник проблемы имел два идентичных идентификатора #myTarget в homePage и listPage, и при переходе между этими двумя страницами gsap путали с двумя уникальными идентификаторами.поэтому я изменил идентификатор на класс и проблема решена