Angular路由

最新推荐文章于 2025-09-07 20:05:35 发布

weixin_30416497

最新推荐文章于 2025-09-07 20:05:35 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Ceri/p/8024124.html

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]

转载于:https://www.cnblogs.com/Ceri/p/8024124.html