加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

AngularJS ui-router:reload:true也重新加载父状态

发布时间:2020-12-17 08:20:19 所属栏目:安全 来源:网络整理
导读:In this plunk你有两个ui-router状态,一个父母和一个孩子.通过单击链接调用子项时,因为它具有reload:true选项,所以它总是被重新加载.这很好,但问题是父状态也被重新加载.尝试多次单击“填充11”链接,您将看到父时间戳也发生变化. 我怎样才能重新加载孩子?
In this plunk你有两个ui-router状态,一个父母和一个孩子.通过单击链接调用子项时,因为它具有reload:true选项,所以它总是被重新加载.这很好,但问题是父状态也被重新加载.尝试多次单击“填充11”链接,您将看到父时间戳也发生变化.

我怎样才能重新加载孩子?

使用Javascript:

var app = angular.module("app",['ui.router']);

app.config(function($stateProvider,$urlRouterProvider) {

  $urlRouterProvider.otherwise("/");

  $stateProvider
    .state('state1',{
          templateUrl: 'state1.html',controller: function($scope) {

            $scope.theTime1 = Date.now();

          }
    })
    .state('state1.state11',{
          templateUrl: 'state11.html',controller: function($scope) {

               $scope.theTime11 = Date.now();

         }
    });

});
它实际上非常简单.

不要使用重新加载,因为这完全是您找到的.它重新加载路线的一切.

而是在子路径中添加一个参数,每次单击链接时都要确保更改该参数.这将迫使子状态重新加载.

我用一个例子更新了你的插件.我刚刚添加了一个num参数,并在每次单击链接时增加count变量.

http://plnkr.co/edit/qTA39rrYFYUegzuFbWnc?p=preview

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读