【问题标题】:Refresh window on url change - AngularJS刷新 url 更改窗口 - AngularJS
【发布时间】:2015-05-27 16:39:11
【问题描述】:

好吧,我有一个网页,让它成为用 AngularJS 编写的目标,它可以从另一个网页(不是 AngularJS)访问,让它成为源。

所以如果我点击一个按钮,它会在新窗口中打开目标网页。

来源将有一个下拉框,基于该下拉框构建目标网页的 URL。

例如,让下拉值是 Apple、Mango 和 Banana。 如果选择了苹果并单击了按钮,则会使用 url 打开目标网页

http://localhost:10000/webapp/hello1/#?id=apple

根据 ID 绘制 UI。

所以对于芒果和香蕉来说,网址会是这样的

http://localhost:10000/webapp/hello1/#?id=mango

http://localhost:10000/webapp/hello1/#?id=banana

现在问题是选择Apple并单击按钮打开目标网页。当目的地没有关闭时,当我选择芒果并点击按钮时,目的地网页的 url 发生了变化,但页面没有刷新。

那么这里有什么问题呢?是因为 AngularJS 还是我应该包含任何代码以便在 URL 更改时自动刷新页面?

【问题讨论】:

  • 你能提供一些代码吗?

标签: javascript angularjs url


【解决方案1】:

由于#用于区分URL(AngularJS格式)中的路径和查询参数,当页面加载后查询参数值发生变化时,页面不会自动刷新。

可以使用下面的代码修复它,其中当窗口的哈希更改时会触发 hashchange 事件。

window.onhashchange = function() {
    window.location.reload();
};

【讨论】:

    【解决方案2】:

    如果你使用 ui-router 那就用这个

    ui-sref="dashboard" ui-sref-opts="{reload: true}"
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-10
      • 1970-01-01
      • 2014-06-17
      • 2018-09-02
      • 2019-11-30
      相关资源
      最近更新 更多