问题描述
我有一个由Cloud Firestore数据库(Firebase)提供的Angular应用。
实际应用:
Firestore数据库:
我试图根据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 (将#修改为@)