angualr路由传值

最新推荐文章于 2024-11-01 13:37:40 发布

JiAyInNnNn123

最新推荐文章于 2024-11-01 13:37:40 发布

阅读量146

点赞数

分类专栏： Angular 文章标签： angular.js typescript 前端

本文链接：https://blog.csdn.net/weixin_40121676/article/details/106713035

版权

Angular 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

业务场景：使用angular框架，点击按钮跳转新的tab页面，并且带上上一个页面的值。

首先在当前组件的routing.module 里声明一下

xxxx-routing.module.ts文件：

const routes: Routes =
  RouteExtensions.withHost(
    { path: '', component: XXXXXXXXXComponent },
    [
      { path: '你的路径，写在数组里呀！', component: 你要引入的Component },
    ]);

在要发生跳转的页面里：
xxxxgoJump(){
    this.router.navigate(['父组件的路径/你的路径, 你想穿入的值]);
}