代码之家 › 专栏 › 技术社区 › Aw3same

从外部URL打开sidenav

routing angular

0

Aw3same · 技术社区 · 7 年前

angular 6 显示地图的应用程序。在这个地图中,我从一个geoJSON渲染标记。如果我单击一个标记,应用程序会打开一个sidenav,其中包含标记的信息。好吧,我有个问题:

http://example.com/#/pages/map . 每个标记都有一个唯一的ID(类似于 11_39_6534 ). 我想创建一个URL,打开sidenav,其中包含关于标记的特定信息

http://example.com/#/pages/map/11_39_6534

类似于谷歌地图。 Example

我该怎么做?提前谢谢。

1 回复 | 直到 7 年前

1

Jacopo Sciampi 7 年前

定义如下路线:

pages/map/:markerId'

onInit 添加以下内容:

ngOnInit(){
   const markerId = this.activatedroute.snapshot.params['markerId'];
   //... function that trigger the toggle
}

如果你可以更具体的逻辑,你已经实现了切换sidenav点击标记,我可以编辑我的答案在一个更好的方式。但即使用这种简单的方式也应该很清楚