單擊其他鏈接時如何使用Angularjs刪除標准活動類？

Question

我有這個：

第一個鏈接，打開頁面時為標准活動（突出顯示） ，因此為活動類 。

<a class="button active" ng-click="$parent.Filter = ''" ng-class="{ 'active': Filter === '' }"> Test link </a>

第二個鏈接尚未激活，但在單擊時將處於第二個鏈接：

<a class="button" ng-click="$parent.Filter = 'SomeChoice'" ng-class="{ 'active': Filter === 'SomeChoice' }"> </a>

我的問題是：我共享的第一個鏈接已經處於活動狀態，因此在加載頁面時突出顯示了該鏈接。 這是好的，但是當我點擊第二個環節上， 兩者都將被激活，而我希望有一個不同的鏈接點擊后的第一個是不活躍了 。

因此，當我單擊第二個鏈接時，我有兩個活動鏈接。 當我單擊另一個鏈接時，我想刪除第一個活動類。

Answer 1

我認為您需要從<a>刪除“ class”屬性，並在ng-class屬性中為條件分配“ button”和“ active class”。

請參考這個plnkr