SAP 电商云 Spartacus UI 路由事件监控

简介: SAP 电商云 Spartacus UI 路由事件监控

在 AppModule 里,添加如下代码:image.png

运行时的输出:image.pngimage.png

就可以监控到 Angular 官网上罗列出的 event 事件了:


NavigationStart:导航开始。


RouteConfigLoadStart :在路由器惰性加载路由配置之前。


RouteConfigLoadEnd :惰性加载路由后。


RoutesRecognized :路由器解析 URL 并识别出路由时。


GuardsCheckStart :当路由器开始路由的守卫阶段时。


ChildActivationStart :当路由器开始激活子路由时。


ActivationStart :路由器开始激活路由时。


GuardsCheckEnd :当路由器成功完成路由的保护阶段时。


ResolveStart :路由器开始路由的解析阶段时。


ResolveEnd :当路由器成功完成路由的解析阶段时。


ChildActivationEnd :当路由器完成激活子路由时。


ActivationEnd :路由器完成路由激活后。


NavigationEnd :导航成功结束时。


NavigationCancel :取消导航时。


NavigationError :由于意外错误导致导航失败时。


Scroll:用户滚动时。


其中 RoutesRecognized,表示当路由被识别出来时触发的事件。

image.png

相关文章
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
5月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
5月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
5月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
|
5月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
5月前
|
网络架构 开发者 UED
Spartacus 2211 的 provideOutlet 方法扩展 UI
Spartacus 2211 的 provideOutlet 方法扩展 UI
Spartacus 2211 的 provideOutlet 方法扩展 UI
|
5月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
|
5月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
5月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍