Как удалять класс у соседних элементов при событии?

Question

[lohmag]

Как в Angular 1 при нажатии на разные элементы не только назначать им класс, но при это снимать его у всех соседних элементов? В данном примере это "flag-active-page"
Вот такой css:

<div class="pagination">
        <ul>
          <li><a class="page" ng-click="toPage(1)" href="#">1</a></li>
          <li><a class="page flag-active-page" ng-click="toPage(2)" href="#">2</a></li>
          <li><a class="page" ng-click="toPage(3)" href="#">3</a></li>
          <li><a class="page" ng-click="toPage(4)" href="#">4</a></li>
          <li><a class="page" ng-click="toPage(5)" href="#">5</a></li>
          <li><a class="page-next" ng-click="nextPage()" href="#">...</a></li>
          <li><a class="page" ng-click="toPage(numPages())" href="#">{{numPages()}}</a></li>
        </ul>
      </div>

Answer 1

[Николай]

Ну, только если ng-class использовать типа такого:

<a ng-class="{'flag-active-page': isActivePage(index)}"></a>

function isActivePage(index) {
    return (vm.index === index);
}