如何在页面之间传递Angular中的参数

问题描述

我的 Node.js 后端将 AWS Cognito 令牌作为 JSON 返回，这些令牌在我的 Angular login 组件中接收。

我希望打开我的 dashboard 并传递收到的令牌 在我的 login.component.ts 函数中，我执行以下操作：this.router.navigate(['/dashboard',{ tokens: data }]); 在发送数据之前我将其打印到控制台，看起来不错

在我的 dashboard.component.ts 中，我不确定为什么无法访问令牌

import { Component,OnInit } from '@angular/core';
import { ActivatedRoute,Router } from '@angular/router';

constructor(private route: ActivatedRoute,private router: Router) {}   

ngOnInit() {

this.route.queryParams.subscribe(params => {
            console.log('params = ' + params);
            var data = params['tokens'];
            console.log('data = ' + data);
            for(let key in data){
                console.log('key = ' + key + ' data= ' + data[key]);
            }
        });
}

这是'console.log'输出params = [object Object] data = undefined

我做错了什么？

解决方法

您发送的参数不是查询参数，因此您的代码应该是：-

this.route.params.subscribe(params => {
            console.log('params = ' + params);
            var data = params['tokens'];
            console.log('data = ' + data);
            for(let key in data){
                console.log('key = ' + key + ' data= ' + data[key]);
            }
        });