angularjs路由传参的三种方式

2019-02-21  本文已影响0人  小刚_4a64

1,查询传参方式

  1.1  比如链接到product组件,queryParams中是所带参数

1.2在product组件中打印所传参数

2,在路径中传参方式

    2.1 在路由配置文件中,app-routing-module.ts 定义好参数的名字

    2.2 在链接的url写上参数的值


   2.3 在producd中打印传来的参数


3,在路由配置中传递参数

3.1在路由配置文件app-routing-module


3.2在product中获取参数


参数快照和参数订阅

1,参数快照是指:页面切换路由时如果切换的是同一页面,传的参数不一样,但接收参数值不会跟着变化

以上 this.ActivateRoute.snapshot   这个就是参数快照的取值方式

2,参数订阅 页面切换路由时如果切换的是同一页面,传的参数不一样,接收的参数值会跟着变化,以下是参数订阅取值方式

上一篇 下一篇

猜你喜欢

热点阅读