javascript - 使用路由将 JSON 从一个组件发送到另一个组件而不显示在 URL 上？

Question

我正在尝试在路由 URL 上传递 JSON，这是我的

app.route.ts代码

 {path: 'calculator', component: CalculatorComponent,data : {some_data : null}},

我的路由数据的代码是

 this.router.navigate(['/home/calculator',  {some_data:this.loanData}]);

而calculator.ts有oninit方法代码是这样的

import {ActivatedRoute} from '@angular/router';

    constructor(private route: ActivatedRoute) {}
    sub
    ngOnInit() {
        this.sub = this.route
            .data
            .subscribe(v => console.log(v));
    }

输出是这样的

{"some_data":null}

问题是它没有显示 json，我从 ts 第一个组件传递

Answer 1

    Is there a reason you want to navigate by url why not use the navigate method like this:

    in RouteConf: { path: '/path/:data', name: 'Defined_Path_Name', component: PathComponent }
    navigate with: this.router.navigate(['Defined_Path_Name', { data: { entity: 'entity' } } ]);

    in /path: console.log(this.routeParams.get('data'))
    that got me: Object {entity: "entity"}

//in your route file 

 in RouteConf: {path: 'calculator/:data', component: CalculatorComponent},

//in your component file navigate by like below

 navigate with: this.router.navigate(['/calculator', { data: this.loaddata } ]);

//and get data in  /calculator path like 

this.data =  this.route.snapshot.data['data'];

than console.log(this.data);