как добавить и удалить класс стиля на теге привязки

Question

Я борюсь за добавление и удаление класса стиля для тега привязки.Я хочу добавить активный класс, когда я нажму на этот тег, и удалить активный из последнего активного.По умолчанию домашняя страница будет активна.Я пробовал много вещей, но безуспешно!

Я добавил немного кода, но он не работает.Ниже приведен код:

код angularjs:

$scope.isActive = false;
        $scope.getCSSClass = function () {
                return 'active';
            }

<div id="mySidenav" class="sidenav">
    <span class="whitelogo"><img src="styles/images/logo-small.png" alt="logo"></span>
    <div class='clearfix'></div>
    <a href="javascript:void(0);" class="closebtn" ng-click="closeNav()">&times;</a> 
    <a ng-link="['/Home/']" title="Home" class="active"><i class="fas fa-home"></i>Home</a> 
    <a ng-link="['/TestForm/']" ng-class="getCSSClass()" title="Application Form"><i class="fas fa-user-edit"></i> test Form</a> 

</div>

Любая помощь будет оценена.Заранее спасибо!

Answer 1

В файл Angularjs я добавил этот код:

$scope.getStyleClass = function (path) {
            var cur_path = $location.path().substr(0, path.length);
            if (cur_path == path) {
                if ($location.path().substr(0).length > 1 && path.length == 1)
                    return "";
                else
                    return "active";
            } else {
                return "";
            }
        }

И на стороне HTML:

ng-class="getStyleClass('/TestForm')"