将数据从一个组件检索到另一个组件

Question

我们正在尝试使用 NavigationExtras 将数据从一个组件传递到另一个组件（一页到另一页），如下所示

      viewProjectDetails(e) {
        const navigationExtras: NavigationExtras = {
            state: {
              ProjectInfo: e.data,
              UserSelection: this.UserSelection
            }
        };
        this.router.navigate(['dashboard/ProjectShipment'], navigationExtras);
    }

我正在尝试将 ProjectInfo 和 UserSelection 数组放入另一个组件

projDetail : any;
userSelection: any;

getPrjDetails() {    
    const navigation = this.activatedRoute.getCurrentNavigation();
    const state = navigation.extras.state as {
    }

Answer 1

监听 queryParams 并捕获 NavigationExtras

 this.route.queryParams.subscribe(params => {
        console.log(params["state"]); 
    });

Answer 2

constructor(private router: Router) {
           console.log(this.router.getCurrentNavigation().extras.state.Projectinfo); 
 // should log e.data
}

Answer 3

您需要在构造函数内部调用getCurrentNavigation()方法，其他地方导航已经完成。

将数据从一个组件检索到另一个组件

Retrieve the data from one component to another

javascript

angular-routing

angular

angular7