Jquery 单击“角度链接”后添加/删除类

我的angularJS代码有很多问题。所以，我需要在点击链接后设置新类。我的主要问题是，我在angular中有一些链接，在php中有一些链接

榜样

<li
    <a  href="/somelink>angular link</a>

</li>
  <li
    <a  href="/somelink2>angular link 2</a>

</li>
  <li
    <a  href="/somelink3>angular link 3</a>

</li>

  <li
    <a  href="/somelink 4> Normal link - reload page</a>

</li>  

我写了一些jquery代码，在realod页面之后添加类到当前地址，但现在我有两个问题

1如果我在php页面上，单击angular page，browser realod page，我的链接会得到所需的类-这没关系，但现在如果我尝试单击其他angular page，我无法删除该类，该怎么办

2我写了一些angular代码（上面的例子）在单击angular链接后添加类，但这会导致问题，因为如果我尝试从php页面移动到angular页面，则在重新加载页面之前设置了类

总结

从php页面->角度视图我需要在重新加载页面后设置类，而不是在单击后立即设置类。

---

2单击“角度链接”（立即）后更改类，删除旧类并添加当前类

如果我没弄错的话，你是在问如何在angularjs中添加和删除CSS类。可以使用添加条件类

<a href="/somelink2" ng-class="{'menu-active-border': isLinkActive('/somelink2')}">angular link 2</a>

另一个选项是创建自己的指令并在其中操作类：

<a href="/somelink2" ng-class="{'menu-active-border': isLinkActive('/somelink2')}">angular link 2</a>

$scope.isLinkActive = function(path) {
  return $location.path() == path;
}

myApp.directive('highlightIfActive', [function($location){
    return {
        restrict: 'A',
        link: function($scope, $element, $attrs) {
            if ($location.href() == $attrs.href) {
              $element.addClass('menu-active-border');
            } else {
              $element.removeClass('menu-active-border');
            }
        }
    }
}]);