добавление текущих результатов поиска в качестве новой строки таблицы

Question

У меня есть текстовое поле поиска, которое будет искать записи клиентов из базы данных.запись клиента содержит «имя», «возраст», «адрес» и многие другие поля.Я ищу с одно имя клиента и отображаю данные клиента в таблице.

После 1-го поиска, если я ищу другое имя клиента, тогда текущие данные о клиенте заменяют предыдущий результат поиска в этой таблице.

Я хочу отобразить все результаты поиска (то есть, предыдущий, текущий) в той же таблице.

Я использую angularjs.вот мой код поиска угловой контроллер

$scope.search = function () {
    var price = '{custName: "' + $scope.Prefix + '" }';
    var post = $http({
        method: "POST",
        url: "/api/Price/GetDetails",
        dataType: 'json',
        data: price,
        headers: { "Content-Type": "application/json" }
    });
    post.success(function (data, status) {
        $scope.Customers = data;
        $scope.IsVisible = true;
    });
    post.error(function (data, status) {
        $window.alert(data.Message);
    });
};

HTML-код

<div class="controls">
                                    <input type="text" ng-model="Prefix" placeholder="Search Material..." class="form-control" /><br />
                                    <button type="button" class="btn btn-outline-dark" ng-click="search()">Search</button>
                                </div>

таблица HTML-код

<tbody ng-repeat="m in Customers">
                                                    <tr>
                                                        <td align="center">
                                                            <a class="btn btn-default"><em class="fa fa-pencil"></em></a>
                                                            <a class="btn btn-danger"><em class="fa fa-trash"></em></a>
                                                        </td>
                                                        <td class="hidden-xs">1</td>
                                                        <td>{{m.PM}}</td>
                                                        <td>{{m.Description}}</td>
                                                        <td>{{m.Hier}}</td>

как отобразить все результаты поиска в этой таблице

Answer 1

Вы должны сохранить результаты в переменной и продолжать добавлять новые результаты в нее.Для этого мы можем использовать функцию concat () Javascript.

var dataAll = [];
$scope.search = function () {
    var price = '{custName: "' + $scope.Prefix + '" }';
    var post = $http({
        method: "POST",
        url: "/api/Price/GetDetails",
        dataType: 'json',
        data: price,
        headers: { "Content-Type": "application/json" }
    });
    post.success(function (data, status) {
        dataAll = dataAll.concat(data);
        $scope.Customers = dataAll;
        $scope.IsVisible = true;
    });
    post.error(function (data, status) {
        $window.alert(data.Message);
    });
};

Тогда вам также понадобится кнопка очистки, чтобы сбросить dataAll в [].