angularjs ui-router parent state

Question

Using angularjs and ui-router can I:

A.) Define custom variables when defining my state (see 'data' below). I currently do this with success, wanted to make sure its proper.

.state('parent', {url:'/parent', templateUrl: 'views/parent.html', abstract: true, data: {stuff: 'stuff'}})

B.) Have my child state inherit that variable data ( How? )

.state('parent.child',   {url:'/child', templateUrl: 'views/parent.child.html', data: parent.data})

?

IceDevil · Accepted Answer · 2013-08-01 13:22:01Z

5

You don't specify "data" into the child state, is already inherited from parent/abstracted state. You access it by :

$state.current.data

answered Aug 1, 2013 at 13:22

IceDevil

1541 silver badge9 bronze badges

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

3 Comments

took me a while to get back to the code to test this. I swear i tried it, but I guess not. Works fine!

did you mean $state.$parent.data ?

For now, the right object path to the parent item will be $state.$current.parent.