Here is the scenario:
The first link is initially active and highlighted with the active class when the page loads.
<a class="button active" ng-click="$parent.Filter = ''" ng-class="{ 'active': Filter === '' }"> Test link </a>
The second link is not active at the beginning, but will become active once clicked:
<a class="button" ng-click="$parent.Filter = 'SomeChoice'" ng-class="{ 'active': Filter === 'SomeChoice' }"> </a>
The issue arises when both links remain active after clicking the second link. What I want is for the first link to deactivate when a different link is clicked on.
Currently, both links are active simultaneously after clicking the second one. My goal is to have only one active link at a time.