Активное дочернее состояние остается активным, когда оно не должно использовать ng-class и ui-router.

Моя текущая работа над вложенными состояниями (со многими вложенными состояниями) с использованием ui-router и может заставить состояние измениться на активное состояние с помощью ng-класса, например так

ng-class="{active:$state.includes('sidemenu.parent.child<1-3>')}"

однако id хотел бы добавить несколько состояний в активный класс и добиться этого так

`ng-class="{active:[$state.includes('sidemenu.parent.child1'),$state.includes('sidemenu.parent.grandchild1')]}" 

и это работает, однако, когда я выхожу из состояния, оно остается активным. Я создал этот codepen. Похоже на то.

Мне бы хотелось, чтобы вкладка child1 не была активной в состояниях child2 и child3.