Как выделить выделенную строку в angularjs

Question

В AngularJS я хочу, чтобы выбранная строка в таблице была подсвечена, когда пользователь переходит с «домашней страницы» на «страницу сведений». Может ли кто-нибудь помочь мне, пожалуйста, как я могу это сделать

Я пыталсякод ниже для выполнения моего требования, но он не работает

home.html

<div ng-repeat="employee in employeeList">
<div class="panel panel-primary" ng-class="{'panel-success' : employee.id===selectedId}">
        <div class="panel-heading">
            <h3 class="panel-title">{{employee.name}}</h3>
        </div>
</div>
</div>

HomePage

routerApp.controller('EmployeeController', function ($scope, $state,dataService) {
   $scope.selectedId = dataService.getId();
    $scope.viewEmployee = function (employeeId) {
        $state.go('employeeDetails', { employeeId: employeeId });
    }
})

DetailsPage

routerApp.controller('EmployeeDetailsController', function ($scope, $rootScope, $state,dataService) {
    $scope.goBack = function () {
      dataService.setId($stateParams.employeeId);
        $state.go('employeeList');
    }
})

Сервис

routerApp.service("dataService", function () {
    var employeeId;
    this.setId = function (id) {
        employeeId = id;
    }
    this.getId = function () {
        return employeeId;
    }
});

Answer 1

Нет необходимости использовать скобки внутри ng-class.Рефакторинг, как это.

<div class="panel panel-primary" ng-class="{'panel-success':employee.id===selectedId}">