Javascript 将数据从一个组件检索到另一个组件
我们正在尝试使用NavigationExtras将数据从一个组件传递到另一个组件(从一个页面传递到另一个页面),如下所示Javascript 将数据从一个组件检索到另一个组件,javascript,angular,angular7,angular-routing,Javascript,Angular,Angular7,Angular Routing,我们正在尝试使用NavigationExtras将数据从一个组件传递到另一个组件(从一个页面传递到另一个页面),如下所示 viewProjectDetails(e) { const navigationExtras: NavigationExtras = { state: { ProjectInfo: e.data, UserSelection: this.UserSelection
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()
方法,导航完成的地方