【问题标题】:stateful bootstrap modal using ui-router in angularjs在angularjs中使用ui-router的有状态引导模式
【发布时间】:2017-08-03 02:21:58
【问题描述】:

我正在尝试使用 ui-router 实现有状态引导模式。 我遵循了中给出的方法 Stackoverflow Solution for the same question

虽然我面临如下所述的一些问题:

  1. 当我点击浏览器的后退按钮时,状态正在移动到 URL 中的父状态,但模式没有关闭
  2. 当我从一个模态移到另一个模态(兄弟模态)时,前一个模态保持原样,新的模态在顶层打开。所以当我关闭第二个模态时,我可以看到前一个模态。不应该是这样的,一旦您移动到另一个模态(无论是子模态还是兄弟模态),模态应该下车

谁能帮我做同样的事?

【问题讨论】:

    标签: angularjs angular-ui-router bootstrap-modal stateful


    【解决方案1】:
    1. 在状态变化时使用.run,在状态变化时关闭所有模态。或者甚至听后退按钮(我不确定)。您应该使用 HTML5 历史替换 api 来重新打开模态以返回效果。

    2. 根据需要使用 setTimeout 来关闭/打开模式。在下一个模态打开时,首先关闭现有打开的模态,然后打开新的模态。它应该以编程方式处理。

    【讨论】:

    • 如果他可以访问控制器中的modalInstance,那么他可以调用$onDestroy()控制器方法中的dismiss()。或者使用 onEnter / onExit 方法来处理 uibModal
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-05-13
    • 2016-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-21
    相关资源
    最近更新 更多