普通

    1. <ion-button [routerLink]="['/items']">
    2. 跳转
    3. </ion-button>
    4. <ion-header>
    5. <ion-toolbar>
    6. <ion-buttons slot="start">
    7. <ion-back-button defaultHref="/tabs/tab1" text="返回"></ion-back-button>
    8. </ion-buttons>
    9. <ion-title>items</ion-title>
    10. </ion-toolbar>
    11. </ion-header>

    传值跳转

    1. <ion-button [routerLink]="['/items']" [queryParams]="{a:'1234'}">
    2. 传值跳转
    3. </ion-button>
    4. import { Component, OnInit } from '@angular/core';
    5. import { ActivatedRoute } from '@angular/router';
    6. export class ItemsPage implements OnInit {
    7. constructor(public route:ActivatedRoute) { }
    8. ngOnInit() {
    9. this.route.queryParams.subscribe((data)=>{
    10. console.log(data);
    11. })
    12. }
    13. }

    返回上一页

    1. <ion-header>
    2. <ion-toolbar>
    3. <ion-buttons slot="start">
    4. <ion-button (click)="goSyy()">
    5. <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
    6. </ion-button>
    7. </ion-buttons>
    8. <ion-title>items</ion-title>
    9. </ion-toolbar>
    10. </ion-header>
    11. import { Component, OnInit } from '@angular/core';
    12. import { ActivatedRoute } from '@angular/router';
    13. export class ItemsPage implements OnInit {
    14. constructor(public route:ActivatedRoute) { }
    15. ngOnInit() {
    16. this.route.queryParams.subscribe((data)=>{
    17. console.log(data);
    18. })
    19. }
    20. goBack(){
    21. this.nav.navigateBack('去的页面');
    22. }
    23. }