html - AngularJS - 单个 'ui-sref' 中的多个 'ui-sref-active'

Question

HTML:

<!-- Order -->
<li ui-sref-active="active">
    <a ui-sref="order" class="main_link">
        <i class="fa fa-shopping-cart"></i>Order
    </a>
    <a ui-sref="order/create"><span class="plus">+</span></a>
    <div class="clearfix"></div>
</li>

我要添加class="active"在 <li> .

每当点击 <a ui-sref="order/create"><span class="plus">+</span></a>这个，那个时候class="active"添加 <li> .

但是

点击 <a ui-sref="order" class="main_link"><i class="fa fa-shopping-cart"></i>Order</a>那个时候class="active"不添加 <li> .

我们将不胜感激。

Answer 1

ui-router 目前的实现方式是不可能的。您无法指定为哪个特定的 ui-sref 激活 ui-sref-active。话虽这么说，调整模板以包装这些链接应该更容易，这样您就可以为每个 ui-sref 设置一个 ui-sref-active。至少比调整 ui-router 行为更容易。