2

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

这可行，但我也希望父母<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>

我误解了文档吗？

4

1 回答 1

0

有一个工作示例，表明这种情况应该有效。但是 - 如果我们有正确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">..

你可以在这里玩

于 2015-03-03T06:34:44.590 回答