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

前端之家收集整理的这篇文章主要介绍了AngularJS ui-router:reload:true也重新加载父状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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

猜你在找的Angularjs相关文章