ui-sref-active how to make parent and child remain selected?

[mysoko]

code:
1.index.html

<li ui-sref-active="active"> <a ui-sref="home"> Home </ a> </ li> 
<li ui-sref-active="active" ng-class="{active: $state.includes('configure')}"> <a ui-sref="configure"> Configure </ a> </ li> 
<div ui-view> </ div> <-! see configure.xml -> 

2.configure.html

<li ui-sref-active="active"> <a ui-sref="configure.user"> User </ a> </ li> 

3.app.js

angular.module ('...'). run (['$ rootScope', '$ state', '$ stateParams', function ($ rootScope, $ state, $ stateParams) {
    $ rootScope $ state = $ state; 
    $ rootScope $ stateParams = $ stateParams; 
             }]) 

First, I refreshed when parent and child menus are selected (class = "active")

But I re-click the Home-> Configure-> User index.html page after the parent menu Configure.class = "" is not a class = "active"

configure.html page child menu configure.user.class = "active"

ui-sref-active how to make parent and child remain selected?

[timkindberg]

Duplicate #819