发表于: 2019-10-05 23:41:12
0 908
今日完成的事
学习了angular中路由的各种事件
| 路由路径的 |
| 一个 |
| 一个 |
| 一个 |
| 一个适用于所有路由的 URL 的 fragment(片段)的 |
| 要把该路由渲染到的 |
| 用于该路由的路由配置信息,其中包含原始路径。 |
| 当该路由是一个子路由时,表示该路由的父级 |
| 包含该路由的子路由列表中的第一个 |
| 包含当前路由下所有已激活的子路由。 |
有两个旧式属性仍然是有效的,但它们不如其替代品那样强力,建议不再用它们,它们还将在未来的 Angular 版本中废弃。
params
—— 一个 Observable
对象,其中包含当前路由的必要参数和可选参数。请改用 paramMap
。
queryParams
—— 一个 Observable
对象,其中包含对所有路由都有效的查询参数。请改用queryParamMap
。
路由事件
在每次导航中,Router
都会通过 Router.events
属性发布一些导航事件。这些事件的范围涵盖了从开始导航到结束导航之间的很多时间点。下表中列出了全部导航事件:
路由器事件 | 说明 |
---|---|
本事件会在导航开始时触发。 | |
RouteConfigLoadStart | |
RouteConfigLoadEnd | 本事件会在惰性加载了某个路由后触发。 |
本事件会在路由器解析完 URL,并识别出了相应的路由时触发 | |
本事件会在路由器开始 Guard 阶段之前触发。 | |
ChildActivationStart | 本事件会在路由器开始激活路由的子路由时触发。 |
ActivationStart | 本事件会在路由器开始激活某个路由时触发。 |
GuardsCheckEnd | 本事件会在路由器成功完成了 Guard 阶段时触发。 |
ResolveStart | |
本事件会在路由器成功完成了路由的解析(Resolve)阶段时触发。 | |
ChildActivationEnd | 本事件会在路由器激活了路由的子路由时触发。 |
ActivationEnd | 本事件会在路由器激活了某个路由时触发。 |
本事件会在导航成功结束之后触发。 | |
这个事件会在导航由于意料之外的错误而失败时触发。 | |
Scroll | 本事件代表一个滚动事件。 |
当启用了 enableTracing
选项时,这些事件也同时会记录到控制台中。要想查看对路由导航事件进行过滤的例子,请访问 Angular 中的可观察对象一章的路由器部分
总结一下
该应用有一个配置过的路由器。 外壳组件中有一个 RouterOutlet
,它能显示路由器所生成的视图。 它还有一些RouterLink
,用户可以点击它们,来通过路由器进行导航。
明天计划的事
继续写任务6-10
遇到的困难
对angular的路由还有很多的不明白之处。
收获
对angular更熟悉了
评论