Ioni c повторное использование одной и той же страницы, но разных параметров - PullRequest
0 голосов
/ 13 апреля 2020

У меня в настоящее время есть эта страница на ioni c, которую я хочу повторно использовать через навигацию маршрутизатора на основе параметров, но в настоящее время я не могу найти способ.

У кого-нибудь есть подход к нему, где он будет также складывать историю навигации?

Ниже приведены мой html и код ts

<ion-header>
        <ion-toolbar>
            <ion-title class="avenir-avenir">Help</ion-title>
            <ion-buttons slot="start">
               <ion-back-button></ion-back-button>
            </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>

    <div class="item" (click)="go(1)">
        <label >
            <p>
                Issues
            </p>
            <ion-icon name="arrow-forward"></ion-icon>
        </label>
    </div>
    <div class="item" (click)="go(2)">
        <label>
            <p>
                Account
            </p>
            <ion-icon name="arrow-forward"></ion-icon>
        </label>
    </div>
    <div class="item" (click)="go(3)">
        <label>
            <p>
                Guide
            </p>
            <ion-icon name="arrow-forward"></ion-icon>
        </label>
    </div>
    <div class="item" (click)="go(4)">
        <label>
            <p>
                Signing Up
            </p>
            <ion-icon name="arrow-forward"></ion-icon>
        </label>
    </div>
    <div class="item" (click)="go(5)">
        <label>
            <p>
                More
            </p>
            <ion-icon name="arrow-forward"></ion-icon>
        </label>
    </div>
</ion-content>
import { Component, OnInit } from '@angular/core';
import { Router, NavigationExtras } from '@angular/router';

@Component({
    selector: 'app-help',
    templateUrl: './help.page.html',
    styleUrls: ['./help.page.scss'],
})
export class HelpPage implements OnInit {

    constructor(
        private router: Router,
    ) { }

    ngOnInit() {
    }

    ionViewDidLeave() { 
        console.log("123");
    }

    ionViewDidEnter() { 
        console.log("123123123123123");
    }

    ionViewWillEnter() { 
        console.log("12333333333333333");
    }

    go(page) {

        let navigationExtras: NavigationExtras = {
            queryParams: {
              page: page
            }
        };

       this.router.navigate(['help'], navigationExtras);
    }
}

Когда я нажимаю на следующие страницы, они складываются прямо сейчас, но не показывают никакой анимации в моей навигации и это не go через мои распечатки журнала кроме первого раза.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...