网址更改时刷新窗口 - AngularJS

时间:2015-05-26 08:01:58

标签: javascript angularjs url

我有一个网页让它成为AngularJS中写的目的地,可以从另一个网页(不是AngularJS)访问,让它成为源。

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

来源将有一个下拉框,根据该下拉框构建目标网页的网址。

例如,让下拉值为Apple,Mango和Banana。 如果选择了apple并单击了该按钮,则会使用URL打开目标网页

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

基于id,UI将被绘制。

所以对于芒果和香蕉,网址就像

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

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

现在问题是当选择苹果并点击按钮时,目标网页被打开。当目的地没有关闭时,当我选择芒果并点击按钮时,目标网页网址会被更改,但网页不会刷新。

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

2 个答案:

答案 0 :(得分:0)

由于#用于区分URL(AngularJS格式)中的路径和查询参数,并且在加载页面后更改查询参数值时,页面不会自动刷新。

可以使用下面的代码修复它,当窗口的哈希值发生变化时,hashchange事件会触发。

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

答案 1 :(得分:0)

如果您使用ui-router,请使用此

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