angular4中组件之间页面切换的数据传递，通过路由传递数据
例如在表格中有一个详情按钮，跳转到另外一个页面，
文章图片
首先需要在所在页面和跳转页面引入路由组件和跳转界面路由组件
文章图片
selectMsg(productID:number,productName:any,productCome:any){
// 跳转页面
【angular4中组件之间页面切换的数据传递，通过路由传递数据】return this.router.navigate(['product-element',{"productID":productID,"productName":productName,"productCome":productCome}]);
}
product-element'是需要跳转的路由，{}里面是传递的值，这个值可已通过你点击事件来获取
例如表格中的数据data
文章图片
跳转的页面也需要引入路由配置
import {Router,ActivatedRoute} from '@angular/router';
然后在constructor中进行数据的获取
文章图片
这样就可以使得一个页面的数据传递到另一个界面。
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中，逐渐适应一个人到底意味着什么（）
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理