Question

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

这有效，但我也希望父{4}也受到影响。

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

我误解了文档吗？

Answer 1

有a working example，表明此方案应该有效。但是 - 如果我们有正确的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>

与您的情景有什么不同？我怀疑状态名称是“＃”，如上面的代码段所示：

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

状态就像'subcat.state'，然后这应该有效

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

您可以使用here

ui-sref-active不影响父元素

1 个答案: