Ionic framework 请等待GIF结束，然后更改视图

我有一个问题，在我的应用程序上，当用户单击按钮并在动画结束后更改视图时，必须以GIF格式向我显示动画

TS fle：

export class AreYouReadyPage {
    private src = 'assets/gif/waiting.gif';

    constructor(public navCtrl: NavController, public navParams: NavParams) {
    }

    ionViewDidLoad() {
    }

    noOption() {
        this.navCtrl.pop();
    }

    yesOption() {
        this.src = 'assets/gif/zucchini-omelet.gif';
        // wait 1 second
        this.navCtrl.push(StepPage, {steps: this.navParams.get('steps')})
    }
}

HTML文件：

<ion-row>
    <span (click)="yesOption()" class="option-button yes-option">
        <img src="assets/icon/check.png">
    </span>

    <span (click)="noOption()" class="option-button no-option">
        <img src="assets/icon/wrong.png">
    </span>
</ion-row>

<img src="{{src}}" class="celia">

<back-button></back-button>

---

除了尝试与settimeout保持同步，或将其转换为类似于精灵图像的内容并使用css处理动画之外，我非常有兴趣听到一个解决方案+1哦，谢谢你，我完全忘记了设置超时，现在我正在使用它，但是是的，正如你所说，这不是最好的解决方案……顺便说一句，我在Linux上使用一个名为Gifsicle的应用程序来更改我的gif，不要让它们循环。它有一个选项——无循环计数