ui-sref-active不影響父元素

Question

希望不是重複的，但我發現的所有其他答案都與狀態有關。

這可行，但我也希望父母<li>也受到影響。

<ul class="collapsible" data-collapsible="accordion"> 
    <li ng-repeat="title in sidebar.title"> 
    <div class="collapsible-header waves-effect waves-green"><a ui-sref="#"><i ng-class="title.icon"></i>{{title.name}}</a></div> 

    <div class="collapsible-body"> 
     <ul> 
     <li ng-repeat="subcat in title.subtitle" ui-sref-active="collapsible-body-active"> 
      <a class="waves-effect waves-yellow" ui-sref="{{subcat.state}}">{{subcat.name}}</a> 
     </li> 
     </ul> 
    </div> 
    </li> 
</ul> 

所以，如果我理解正確的文件，我應該能夠做到這一點，但它不工作：

<ul class="collapsible" data-collapsible="accordion"> 
    <li ng-repeat="title in sidebar.title" ui-sref-active="collapsible-body-active"> 
    <div class="collapsible-header waves-effect waves-green"><a ui-sref="#"><i ng-class="title.icon"></i>{{title.name}}</a></div> 

    <div class="collapsible-body"> 
     <ul> 
     <li ng-repeat="subcat in title.subtitle"> 
      <a class="waves-effect waves-yellow" ui-sref="{{subcat.state}}">{{subcat.name}}</a> 
     </li> 
     </ul> 
    </div> 
    </li> 

難道我誤解的文件？

Answer 1

有a working example，表明這種情況應該起作用。但是 - 它會工作，如果我們在地方

// this won't work, because there is missing key setting: ui-sref 
// without that, the ui-sref-active cannot work 
<li ui-sref-active="selected"> 
    <a href="#/home" >home</a> 
</li> 
// this will work as expected 
<li ui-sref-active="selected"> 
    <a ui-sref="parent">parent</a> 
</li> 

有正確的ui-sref而這也正是你的情況有什麼區別？我懷疑，國家名稱爲「＃」在上面的代碼片段：

...<a ui-sref="#">.. 

國家會像「subcat.state」，然後這應該工作

...<a ui-sref="subcat.state">.. 

你可以玩here