在角度ui-router状态下给角度材料$ mdDialog一个url

时间:2015-08-25 12:31:31

标签: javascript angularjs angular-ui-router url-routing angular-material

我想在特定网址上显示Angular Material Dialog,同时将之前访问的路线保持为背景状态。

因此工作流程将是:

  1. 用户使用网址business/6/contacts访问网页。 (州:business.contacts
  2. 用户访问网址business/6/checkout。 (state:business.checkout)
  3. 它应该将联系人页面保留在后台并使用给定的URL加载结帐模式。

    但是,对于用户访问网址business/6/settings的其他工作流程,它应将设置页面保留为背景,并在用户访问business/6/checkout时加载结帐模式。

    在任何地方点击外部都应该关闭模态并加载回上一页。

    Contacts Page

    Settings Page

    Checkout Modal

1 个答案:

答案 0 :(得分:2)

您应该将这些模态状态设置为联系人和设置页面的子状态。在此场景中,您的网址将分别为business / 6 / contacts / checkout和business / 6 / settings / checkout。你必须在你的网址中有一些标识符来分隔这两种情况。否则,当您直接从网址进入页面时,如果您使用相同的网址,则无法区分这两种情况。

以下是一个例子:

{{1}}