Angularjs ui sref活动不影响父元素

希望不是重复的，但我找到的所有其他答案都与州有关

这是可行的，但我也希望父级

也受到影响

<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>

{{title.name}


{{subcat.name}

因此，如果我正确理解文档，我应该能够做到这一点，但它不起作用：

<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>

{{title.name}


{{subcat.name}

我是否误解了文档？

有，表明此方案应该可行。但是-如果我们有正确的

ui-sref

就可以了

// 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
//否则，ui sref active将无法工作


//这将按预期工作

看来我误解了文档。我原以为父元素会受到影响，但它似乎是基于父状态的。谢谢
...<a ui-sref="#">..

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