Как сделать так, чтобы при клике на ссылку у нее добавлялся класс active, а у других он убирался?

Question

[cjkfdt]

Есть список ссылок:

<a class="active" hrref="#">Href 1</a>
<a hrref="#">Href 2</a>
<a hrref="#">Href 3</a>

Как сделать так, чтобы при клике на любую из этих ссылок у нее добавлялся класс active, а у других он убирался?

Answer 1

[ozknemoy]

для первого ангулара если используется ui-router то

<a  ui-sref-active="active" ui-sref="user.about">Информация</a>

для второго

<a routerLink="earning" routerLinkActive="active">заработок</a>