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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |