码迷,mamicode.com
首页 > 其他好文 > 详细

Angular路由

时间:2017-12-11 18:56:49      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:执行   data   一个   param   路径   导航   pos   pat   通过   


Routes 路由配置,保存着哪个URL对应展示那个组件,以及在哪个RouterOutlet中展示组件。
RouteOutlet 在Html中标记路由内容呈现位置的占位符指令
Router 负责在运行时执行路由的对象,可以通过调用其navigate()和navigateByUrl()方法来导航到一个指定的路由。(在控制器里用)
RouterLink 在Html中声明路由导航用的指令。(在路由模板里使用)
ActivatedRoute 当前激活的路由对象,保存着当前路由的信息,如路由地址,路由参数等。

在路由时传递数据
1.在查询参数中传递数据
/product?id=1$name=2 => ActivatedRoute.queryPatams[id]

2.在路由的路径中传递数据
{path:/product/:id} => /product/1 => ActivatedRoute.params[id]

3.在路由配置中传递数据
{path:/product, component: ProductComponent, data:[{isProd:true}]}
=> ActivatedRoute.data[0][isProd]

Angular路由

标签:执行   data   一个   param   路径   导航   pos   pat   通过   

原文地址:http://www.cnblogs.com/Ceri/p/8024124.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!