将搜索结果添加到表中而不替换以前的结果

Question

我有一个搜索文本框，可以通过 api 从数据库中搜索产品记录。我将 产品名称 作为搜索文本并将结果显示到表格中。但是，问题是在新搜索之后只有新的搜索记录显示在该表中。

我想在上一个结果之后插入新的搜索结果。

这是我的搜索表单

它将显示结果如下表。我添加了“添加到列表”以清除搜索文本框并输入新的输入。

我想在这条记录（黄色区域）之后添加新的搜索记录，而不是替换它。我正在使用带有 web api 的 angularjs。这是我的搜索逻辑

角度控制器

$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.concat(data);