Define 'parent' value from param in Angular Ui-Router

Question

Well, I have this situation:

$stateProvider
.state("main", { abtract: true, url:"/main",
  views: {
   "viewA": {
     templateUrl:"main.html"
   }
 }
})
.state("other", {
  parent: ':foo', // Want here the foo param too (:
  //url: '/:foo', // Here it takes de foo param
  views: {
   "viewB@main": {
    templateUrl:"hello.html"
   }
  },
  controller: function($stateParams, $scope, $state) {
   var foo = $stateParams.foo;
  }
})

And I call it, like this:

<button ui-sref="other({foo: 'main'})">Hello World</button>

It is possible to have the 'foo' param in the 'parent' property like it was it the 'url' param?

Community · Accepted Answer · 2017-05-23 11:44:48Z

1

It is possible to have the 'foo' param in the 'parent' property like it was it the 'url' param?

No, it is not possible.

State definition must be completely registered before it is used. (Even if it is loaded lazily with deferIntercept(defer))

Evaluation of url params comes too late...

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Oct 13, 2015 at 5:43

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

1 Comment

robe007 Over a year ago

Well, thanks for your answer. This has take me to make another question => How to reduce number of 'states' with same 'templateUrl' using Angular Ui-Router

Collectives™ on Stack Overflow

Define 'parent' value from param in Angular Ui-Router

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related