两种方法:navigateByUrl navigate
一。准备工作:引入 import { Router } from '@angular/router';Router模块,constructor(private router: Router) { }
两个方法传递参数不一样:
<1>navigateByUrl this.router.navigateByUrl("share?name=我是a页面传递的A");问号前是路由的地址,后面是传的数据。接收:
<1.1>在接收页面引入import { ActivatedRoute } from '@angular/router';
<1.2>constructor(private router: Router, public route: ActivatedRoute) { }
<1.3>在ngOnlnit生命周期钩子里面调用 不一定要在这个钩子里面写,看需求。ngOnInit() { this.route.queryParams.subscribe(params => { this.sub = params["name"]; }); }
<2>navigate this.router.navigate(["share"], {queryParams:{name: "我是b页面传递的B"}})
路由地址由方括号括起来,后面是传的数据接受和上面一样
网友评论