0

2 つのボタンがあり、両方に ui-sref-active があります。

<a class="button" ui-sref-active="button-selected" ui-sref="main">
    <p>View patients</p>
</a>
<a class="button" ui-sref-active="button-selected" ui-sref="main.create">
    <p>Add patients</>
</a>

とcss

.button-selected {
    color: #0000FF;
}

「main.create」状態の 2 番目のボタンをクリックすると、「ボタン選択」クラスが最初のボタンから削除されないのはなぜだろうか。したがって、色 #0000FF はまだ最初のボタンに表示されています。「メイン」状態が常にアクティブであるように見えます。ルート状態だからでしょうか。回避策は何ですか?

4

1 に答える 1

1

ui-sref-active-eqの代わりに使用する必要があるため、クラスは両方の状態に追加されていますui-sref-active。

<a class="button" ui-sref-active-eq="button-selected" ui-sref="main">
    <p>View patients</p>
</a>
<a class="button" ui-sref-active-eq="button-selected" ui-sref="main.create">
    <p>Add patients</>
</a>
于 2015-06-06T05:47:41.130 に答える