ionic4页面跳转传参

一:在跳转前页面

  // html中添加事件
  <ion-button (click)="click()">跳转今目标页面</ion-button>
// ts中
  click() {
        this.router.navigate(['jingoal'], {
            queryParams: {
                page: 'today'
            }
        });
    }

二:在接收参数页面 ts 中

// 导包
import {  ActivatedRoute, Params } from '@angular/router';

// 定义变量接收参数
public page: string;

// 执行接收操作
constructor(
        public activeRoute: ActivatedRoute) {
        this.activeRoute.queryParams.subscribe((params: Params) => {
            this.page = params['page'];
        });
    }

如果对您有帮助,还希望给个赞或者随手评论一句,算是给个鼓励。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容