从外部URL打开sidenav

Question

我不确定是否可以（以及如何）执行以下操作：我有一个显示地图的angular 6应用。在此地图中，我从geoJSON渲染标记。如果我单击一个标记，该应用程序将打开一个带有标记信息的辅助导航。好吧，这是我的问题：

地图中的URL为http://example.com/#/pages/map。每个标记都有唯一的ID（类似11_39_6534）。我想创建一个URL，该URL用有关标记的特定信息打开sidenav

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

类似于Google地图。 Example

我该怎么办？预先感谢。

Answer 1

定义这样的路线：

pages/map/:markerId'

然后在与您的新路线相关的组件中，在onInit中添加以下内容：

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

如果您可以更具体地了解通过单击标记来切换边导航所实现的逻辑，那么我可以以更好的方式来编辑我的答案。但是即使以这种简单的方式也应该很清楚