美文网首页
angular2路由传递数据

angular2路由传递数据

作者: 月落乌啼霜满天_1f0f | 来源:发表于2019-03-10 17:32 被阅读0次

    两种方法: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"}})
    路由地址由方括号括起来,后面是传的数据接受和上面一样

    相关文章

      网友评论

          本文标题:angular2路由传递数据

          本文链接:https://www.haomeiwen.com/subject/achppqtx.html