Ионное ожидание конца GIF, затем изменение представления - PullRequest
0 голосов
/ 28 августа 2018

У меня проблема, в моем приложении должна отображаться анимация, которую они дают мне в формате 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>

...