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

Question

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

我想在之前的结果之后插入新的搜索结果。

这是我的搜索表单

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

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

Angular Controller

$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);