добавление результата поиска в таблицу без замены предыдущего результата angularjs

Question

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

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

Вот моя форма поиска

, в результате будет отображена таблица, как показано ниже.Я добавил «Добавить в список», чтобы очистить текстовое поле поиска и ввести новый ввод.

Я хочу добавить новые записи поиска после этой записи ( желтая область ), чтобы не заменять ее.Я использую angularjs с веб-API.вот моя логика поиска

угловой контроллер

$scope.search = function () {
    var price = '{materialName: "' + $scope.Prefix + '" }';
    var post = $http({
        method: "POST",
        url: "/api/Price/GetMaterial",
        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);
    });
};

, вызывающий это в ng-repeat и отображающий его.Как внедрить новую поисковую запись и добавить в таблицу

Answer 1

При успешном завершении публикации вместо "$ scope.Customers = data", который заменяет все значения $ scope.Customers на значения, возвращаемые с сервера, просто добавьте значения в "data" в конце $scope.Customers.Вы можете использовать следующий код.

$scope.Customers = $scope.Customers.concat(data);