Angular路由

it2022-05-08  11

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

相关资源:详解angular路由高亮之RouterLinkActive

最新回复(0)