Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数据从一个组件检索到另一个组件_Javascript_Angular_Angular7_Angular Routing - Fatal编程技术网

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

Javascript 将数据从一个组件检索到另一个组件,javascript,angular,angular7,angular-routing,Javascript,Angular,Angular7,Angular Routing,我们正在尝试使用NavigationExtras将数据从一个组件传递到另一个组件(从一个页面传递到另一个页面),如下所示 viewProjectDetails(e) { const navigationExtras: NavigationExtras = { state: { ProjectInfo: e.data, UserSelection: this.UserSelection

我们正在尝试使用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 {
    }

听queryParams并捕捉NavigationExtras

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

听queryParams并捕捉NavigationExtras

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

您需要在构造函数内部调用
getCurrentNavigation()
方法,导航完成的地方。

您需要在构造函数内部调用
getCurrentNavigation()
方法,导航完成的地方