Выделите текущее меню с помощью AngularJS

Question

Я использую следующий код:

<li class="sidebar-list-item"><a ng-class="getClass('/dashboardHome')" href="/dashboardHome" class="sidebar-link text-muted"><i class="o-home-1 mr-3 text-gray"></i><span>Home</span></a></li>


$scope.getClass = function (path) {
        console.log("Path: "+path);
        return ($location.path().substr(0, path.length) === path) ? 'active' : '';
      }

На консоли я получаю: Путь: / dashboardHome

Но не работает.

Answer 1

Сделайте так, если вы используете ui-sref.

ui-sref-active="active" ui-sref="home.dashboard.dashboardHome"

Вам не нужно использовать ng-class и функцию getClass.

Обновление

щ-sref-активные-экв:

Директива ui-sref-active-eq применяет класс CSS, когда Целевое состояние ui-sref / ui-state активно (не когда ребенок состояния активны). Это "точное совпадение", которое использует StateService.is. - ui-router.github.io

Если вы не хотите активировать маршрут parent, когда активен дочерний маршрут, используйте ui-sref-active-eq="active" для родительского маршрута.