在URL中显示对话状态



我有一个显示帐户的简单Aurelia应用程序。默认视图是一个帐户列表。还有一个帐户详细信息视图。

我想使详细信息视图在列表视图顶部的模态/对话框中打开。但是,我希望模态的存在作为URL的一部分显示。

我发现很容易使用aurelia-dialog插件来显示详细信息视图,但不知道如何让对话框的存在显示在URL中。

另一种选择可能是抛弃aurelia-dialog,使用子路由器来显示详细信息视图,然后弄清楚如何将显示和隐藏作为模态。

当然,另一种可能性是有一种更好的方法,只是我还没有看到。

有人见过或创造过这样的东西吗?

我想到的一种可能性是将对话框的存在作为参数添加到当前路由中,然后调用它。你可以使用/account?dialog=true这样的路由。运行一些测试以确保?dialog=true仍然路由到相同的页面。然后,使用该路由检查是否设置了该参数并显示或隐藏对话框窗口。当您刷新页面时,对话框窗口应该仍然打开/关闭。这也意味着无论何时打开或关闭对话框窗口,你都需要向路由器发送一条新路由(基本相同的路由,但参数不同)。

这不是一个详细的解决方案,但可能会让你走上正确的道路。

最新更新