Switching to another tab inside the tab-view does not update the tab (heading)

[fdomig]

I have two tabs and inside on of the tabs I am linking to the other tab (state) which does not update the tab heading.

I created a jsfiddle to explain the behaviour more easily.

Maybe I am doing it wrong but this seems to be not the desired effect.

[rpocklin]

Thanks for the helpful fiddle. You're doing it right, it should certainly behave that way. Interestingly if I hit F5 then the tabs appear correctly highlighted :(

This directive delegates to ui-router for its nested routing algorithm,
from what I can tell this is an issue (or by design) in ui-router see angular-ui/ui-router#582

It comes down to ui-router not refreshing / updating the parent route on nested routes.

Could possibly force the update by watching a shared variable on the scope.

[rpocklin]

I've got a version of this updating the parent tab, but it involves watching $rootScope.$on('$stateChangeSuccess') i'll look at it more tomorrow.

[rpocklin]

Can you take a look and confirm the issue is fixed with this update?

http://rpocklin.github.io/ui-router-tabs/example/index.html

[fdomig]

This fixes this issue. Thank you.