У меня в настоящее время есть эта страница на 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 через мои распечатки журнала кроме первого раза.