當它不應該使用ng-class和ui-router時，活動的子狀態保持活動狀態

Question

我當前使用ui-router在嵌套狀態（具有許多嵌套狀態）上工作，並且可以使用ng獲取狀態更改爲活動狀態-class像這樣

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狀態。

Answer 1

只是好奇，如果更改上面下面的ng-class的價值從哪弄來的語法如下

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

，它應該達到你在找什麼，我希望。

{active:$state.includes('sidemenu.parent.child1') || $state.includes('sidemenu.parent.grandchild1')}