AngularJS как обновить данные только в одной категории?

Question

[Андрей Косач]

Есть табличка пациентов которая получает данные из базы, необходимо что бы при клике по фамилии пациентов открывалось подменю с данными по этому пациенту, в данный обновляются но сразу во всей таблице.

<table ng-table="tableParams" show-filter="true" class="table">
        <tr ng-repeat-start="user in $data">
            <td data-title="'Patient'" filter="{ 'Patient': 'text' }" ng-click="getPatientDetails(user.RequestNumInt)">
                {{user.Patient}}
            </td>
        </tr>
        <tr ng-repeat-end>            
            <td>
                <ul ng-hide="showDetails">
                    <li >
                        <table class="table">
                            <tr ng-repeat="exam in exams">
                                <td >{{exam.ExamName}}</td>

                            </tr>
                        </table>
                    </li>

                </ul>
            </td>
        </tr>
    </table>

$scope.getPatientDetails = function(RequestNumInt){
        this.showDetails = this.showDetails === false ? true: false;
        $http.get("api/controllers/LaboratoryController.php?RequestNumInt="+RequestNumInt).success(function(data){
            $scope.exams=data; 
        });

    };

    $http({
            method: 'GET',
            url: 'api/controllers/LaboratoryController.php',
            params: {'Cornum':232999}
    }).success(function(response) {
        var data = response;

        $scope.tableParams = new ngTableParams({
            page: 1,            // show first page
            count: 50,          // count per page
            filter: {
                  // initial filter
            }
        }, {
            total: data.length, // length of data
            getData: function($defer, params) {
                // use build-in angular filter
                var orderedData = params.filter() ?
                       $filter('filter')(data, params.filter()) :
                       data;

                $scope.users = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count());

                params.total(orderedData.length); // set total for recalc pagination
                $defer.resolve($scope.users);
            }
        });    
    });

Answer 1

[_ _]

<table ng-table="tableParams" show-filter="true" class="table">
        <tr ng-repeat-start="user in $data">
            <td data-title="'Patient'" filter="{ 'Patient': 'text' }" ng-click="getPatientDetails(user.RequestNumInt)">
                {{user.Patient}}
            </td>
        </tr>
        <tr ng-repeat-end>            
            <td>
                <ul ng-show="detailsUserId === user.RequestNumInt">
                    <li >
                        <table class="table">
                            <tr ng-repeat="exam in exams">
                                <td >{{exam.ExamName}}</td>

                            </tr>
                        </table>
                    </li>

                </ul>
            </td>
        </tr>
    </table>

$scope.getPatientDetails = function(RequestNumInt){
        $scope.detailsUserId = $scope.detailsUserId === RequestNumInt ? null : RequestNumInt;
        $http.get("api/controllers/LaboratoryController.php?RequestNumInt="+RequestNumInt).success(function(data){
            $scope.exams=data; 
        });

    };

Comments

[Андрей Косач]

Спасибо за помощь!!!

Answer 2

[Сергей Гаврилов]

1. Вот тут устанавливаешь в $scope контроллера, поэтому открываются все вкладки

this.showDetails = this.showDetails === false ? true: false;

2. С данными та жа история $scope.exams=data;

Я бы сделал так

$scope.getPatientDetails = function(user){
        user.$showDetails = user.$showDetails === false ? true: false;
        $http.get("api/controllers/LaboratoryController.php?RequestNumInt="+user.RequestNumInt).success(function(data){
            user.$exams=data; 
        });

    };

UPD: Вот тебе вариант, если уделить внимание деталям

$scope.getPatientDetails = function(user){
        if (!user.$showDetails){
          $http.get("api/controllers/LaboratoryController.php?RequestNumInt="+user.RequestNumInt).success(function(data){
              user.$showDetails = true;
              user.$exams=data;
              console.log(user.$exams);
          });
        } else {
          user.$showDetails = false;
        }
    };

Comments

[Андрей Косач]

тогда я так понимаю мне и в ng-click нужно передавать объект user, но когда я это делаю у меня
console.log(user.exams);
выводит undefined

[Сергей Гаврилов]

у меня в коде user.$showDetails user.$exams, `$` для того чтоб ангулар не сравнивал эти поля и не отправлял на сервер в запросах

[Андрей Косач]

Сори, моя невнимательность, я поменял в представлении ng-click="getPatientDetails(user)" и также подставил ваш код, когда я в консоль просто вывожу user мне выводится код пациента, а не объект, когда прохожусь по другим параметрам пишет undefined

[Андрей Косач]

Попробовал, на консоль выводит undefined

[Сергей Гаврилов]

Запрос верно выполняется? данные приходят? ни где случайной опечатки нет? Ванговать не умею

[Андрей Косач]

запрос отрабатывает 100%, вариант который ниже работает, единственное я думал может твой будет быстрее отрабатывать так как будет не по всему массиву данных проходить.

[Сергей Гаврилов]

Я там немного со скобкой напутал может из-за этого, поправил, если тебя беспокоит производительность стоить ng-show/ng-hide тут заменить на ng-if, тогда на странице будет меньше вотчеров, и вот кусок документации https://docs.angularjs.org/guide/expression#one-ti...

[Андрей Косач]

Спасибо за помощь, твоим методом пока так и не вышло, позже еще буду пробовать!!