当前位置: 首页 > 编程笔记 >

AngularJS中重新加载当前路由页面的方法

李昌勋
2023-03-14
本文向大家介绍AngularJS中重新加载当前路由页面的方法,包括了AngularJS中重新加载当前路由页面的方法的使用技巧和注意事项,需要的朋友参考一下

这个问题同样困扰我很久,网上的回答五花八门,全都不能解决;终于在网上找很久,看到某大神的解决办法,整理作此分享;使用ui-router重新加载当前页面的问题。(ui-router版本需要是0.2.14以上的)

用angular做项目,会碰到需要点击菜单刷新当前页面,加载当前页面,但是同一个路由页面点击没反应;

假设我们的路由页面 app.toMenu ;

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}">
<!-- 网上普遍都说这样刷新,但这个是整个页面也同时都刷新了 -->

其实,reload除了可以传递布尔类型型参数,还可以传string和object型参数,如果只是想刷新当前的路由页面,而不去连带刷新父路由,我们可以把reload的参数值设置为当前路由页面标识。

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}">
<!-- 这个方法刷新当前路由页面 -->

另外也可以用$state.reload();

$state.reload()是加载整个页面;

$state.reload('app.toMenu');加载当前页面;

<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
 $state.reload('app.toMenu');
}

注:如果标识是变量的话

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:'{{k.value}}'}">

以上这篇AngularJS中重新加载当前路由页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 我想重新加载页面。我该怎么做?

  • 问题内容: 当用户访问未经授权的个人页面(例如个人资料)时,我的后端302重定向到控制器操作,该操作代替部分个人资料来提供登录部分。由于它302重定向到返回部分操作的动作,因此URL地址栏与用户尝试访问的页面(“ / profile”)没有变化。 我本来打算“修复”该问题,但实际上我认为它可以提供良好的用户体验,而不是将返回网址作为查询参数来处理。 想法是一旦他们登录,我只想重新加载当前路由,也可

  • 我正在尝试在angularjs中注销后重新加载页面。我正在使用ui路由。只有状态正在更改,但不会删除缓存。我尝试了以下场景。使用$窗口时。地方重新加载,浏览器警告警报(是否要重新加载)即将出现。但我不需要警惕。 $状态。go(登录) $窗口。地方重新加载(true) $位置。路径(“/登录名”) 任何人都可以建议如何在更改angularjs中的状态时删除缓存。

  • 我有一个链接。当用户单击此链接时,页面将被重新加载。我是这样做的。。。。。。 html JS 在控制器中,我使用了javascript,这对我来说似乎很糟糕。我怎么能用angularjs做

  • 问题内容: 我希望通过外部服务为我的路由创建简单的身份验证检查。 我在路由对象上定义访问要求: 然后,我检查我是否有权参加活动。 实际上,它是可行的- 如果未通过身份验证的用户将其移至登录页面,如果已通过身份验证但该路由仅适用于匿名用户,则将其移至另一个页面,依此类推。 但是-这种重定向实际上是在加载控制器和模板之后发生的! 即使我未经身份验证,它也会导致我的控制器对我的REST API进行一些不

  • 问题内容: 我在ng- init上调用一个函数,并且在该页面上单击按钮将新页面推到导航器的pageStack上。在子页面中,我弹出当前页面。现在,当从页面堆栈中删除子页面时,我想重新加载父页面。 这是代码: 的HTML AngularJS 更新资料 一种解决方案是通过使用重新加载应用 问题答案: 您可以使用新的随附新温泉UI 1.3.0 。您可以将其传递给这样的回调: 在这里工作:http : /