Is there way to reload specific ui-view with angular-ui-router?

Question

Here is my test application http://plnkr.co/edit/OjpZ1h?p=preview

I have 404 error page state, and i need to display path of requested page if this page not exists. Here code of redirection:

$urlRouterProvider.otherwise(function($injector, $location){
    var lastPath = $location.path();
    $injector.invoke(['$state', function($state) {
        var params = angular.copy($state.params);
        $state.go('main.error404',params, {location: false});
    }]);
    return lastPath;
});

All works fine except the situation when app already in error state and i'm going to next page that also don't exists.

In this case reload doesn't happens and it displays path of the last page. If i change this code to

$state.go('main.error404',params, {reload: true,location: false});

then is displays right path but all views are reloading, it looks very nasty with animation.

Is there way to reload specific ui-view with angular-ui-router?

Add a path parameter to main.error404 state. This will cause the state to be reloaded when the parameter changes — Chris T
– Chris T, Commented Jan 21, 2015 at 21:45

ForceUser · Accepted Answer · 2015-01-22 08:33:25Z

1

Thanks to Chris T comment, i rewrote it like that:

   $stateProvider
   .state('main.error404',{
      url: '/404/{path}',
      views: {
        "page@": {
          templateUrl: "error.html",
          controller: function($scope,$location,$state){
            $scope.page = $state.params.path;
          }
        }
      }
    });

    $urlRouterProvider.otherwise(function($injector, $location){
        var lastPath = $location.path();
        $injector.invoke(['$state',function($state) {
            var params = angular.copy($state.params);
            params.path = lastPath;
            $state.go('main.error404',params, {location: false});
        }]);
        return lastPath;
    });

State reloads every time path parameter changes

answered Jan 22, 2015 at 8:33

ForceUser

1,1491 gold badge15 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is there way to reload specific ui-view with angular-ui-router?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related