加载前如何解析角度路由页面加载后从外部API生成?

问题描述

我有一个由Cloud Firestore数据库(Firebase)提供的Angular应用。

实际应用:

enter image description here

Firestore数据库

enter image description here

我试图根据Firestore中存储的设置动态创建左侧导航栏菜单。为此,在appComponent构造函数中,我连接到Firestore DB,在其中存储显示的首选项的页面,读取数据,并相应地动态创建路由。唯一的“硬编码”路由是“本地”路由(这也是认路由)。

在大多数情况下,一切都会按预期进行。我遇到的问题是,当我导航到动态生成的路由并刷新页面时,收到一条错误消息,提示没有路由与页面的URL相匹配。

Error: Cannot match any routes. URL Segment: 'page2'

我知道这是正常现象,因为尚未在页面运行时上创建路由。我相信我需要实现一个路由解析器来解决此问题,但是由于我在许多不同的地方管理路由,因此我不确定该怎么做:

app.routing.ts 路由器定义+初始路由
app.component.ts 动态地将获取的路由添加到路由器
default-layout.component.ts 将动态生成的路由添加到导航栏

我创建了一个缩小的stackblitz游乐场,以反映该场景: https://stackblitz.com/edit/firestore-test-data

任何帮助将不胜感激。 非常感谢!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)