Angular路由传值

1.在HTML页面绑定所需的值

<span (click)="recoverJump(data)">恢复页面</span>

2.在TS里编写逻辑

// 恢复跳转页面
recoverJump(res) {
  let recoverData = JSON.stringify(res);
  this.route.navigate(['/home/alarmManagement/recoverPage']);
  sessionStorage.setItem('recoverData', recoverData);
}

JSON.stringify() 方法将 JavaScript 对象转换为字符串。
保存数据语法:
sessionStorage.setItem(“key”, “value”);

3.在需要的页面获取传入的值

this.recoverBreadcrumb = JSON.parse(sessionStorage.getItem('recoverData'));

JSON.parse() 方法将数据转换为 JavaScript 对象。
读取数据语法:
var lastname = sessionStorage.getItem(“key”);

发布了18 篇原创文章 · 获赞 1 · 访问量 3835

猜你喜欢

转载自blog.csdn.net/qq_36398269/article/details/102523114