angularjs - How to set default grand-child view with Angular UI Router -


there similar question answered (more once) how set default child view angular ui router. not sure how can answer based on non-intuitive rule:

using empty url means child state become active when parent's url navigated to. urls of child states automatically appended urls of parent.

be further extended include solution case want grand-child state become active when grand-parent selected. specifically, have abstract state named 'root', 1 of first level children named 'root.son" has several children of own: 'root.son.grandson1', ', 'root.son.grandson2', etc.

here graphical depiction of same situation:

enter image description here

instead want content of overview tab (grandson of health data) consequence of click on health data menu item shown below:

enter image description here

note second image created clicking on "overview" tab in situation depicted on first image.