Javascript AngularJS应用程序在传递新参数时不刷新页面
我有一个我写的应用程序,它以一个名称作为参数,但是当我在加载其他名称后单击链接时,页面什么也不做,尽管通过URL传递了新的参数。我可以想象Angular DOM没有重新加载,因为它“技术上”是同一个网页。但是,我确实需要它来加载更新的数据 下面是填充链接列表的Angular JS/HTML:Javascript AngularJS应用程序在传递新参数时不刷新页面,javascript,html,angularjs,page-refresh,Javascript,Html,Angularjs,Page Refresh,我有一个我写的应用程序,它以一个名称作为参数,但是当我在加载其他名称后单击链接时,页面什么也不做,尽管通过URL传递了新的参数。我可以想象Angular DOM没有重新加载,因为它“技术上”是同一个网页。但是,我确实需要它来加载更新的数据 下面是填充链接列表的Angular JS/HTML: <li ng-repeat="internalRep in internalReps "><a href="repweekly.html#!?rep={{internalRep.such}
<li ng-repeat="internalRep in internalReps "><a href="repweekly.html#!?rep={{internalRep.such}}">{{internalRep.such}}</a></li>
现在,当你在一个完全不同的页面上,点击其中一个链接时,它会完美地工作。但是,如果您已经打开了./repweekly.html#!?rep=REP1并单击链接转到./repweekly.html#!?rep=REP5它将更改URL栏中的URL,但不会发生其他任何事情。如果单击“刷新”按钮,将加载正确的数据
我将代码更改为:
<li ng-repeat="internalRep in internalReps "><a ng-href="./repweekly.html#!?rep={{internalRep.such}}">{{internalRep.such}}</a>
同样,当地址栏中的URL更改时,页面不会重新加载以显示更新的代表。好的,下面是我最后要做的- 该链接与Josué的建议保持一致,但有一个例外——我在其中添加了一个ng click指令(ng click=“reloadRep()”): 最后,我创建了调用ng click时运行的函数:
$scope.reloadRep = function () {
$window.location.reload();
};
好吧,这就是我最后要做的- 该链接与Josué的建议保持一致,但有一个例外——我在其中添加了一个ng click指令(ng click=“reloadRep()”): 最后,我创建了调用ng click时运行的函数:
$scope.reloadRep = function () {
$window.location.reload();
};
您缺少链接的开始标记
,这是我的错误,我复制了一段旧代码。问题依然存在。向锚添加变量时,如果锚加载早于变量,则应使用ng href
。另外,使用ng model
查看变量中的更改。您缺少链接的开始标记这是我的错误,我复制了一段旧代码。问题依然存在。向锚添加变量时,如果锚加载早于变量,则应使用ng href
。另外,使用ng model
,以便查看变量中的变化。
$scope.reloadRep = function () {
$window.location.reload();
};