在AngularJS中合并两个数组

Question

我有两个数组，我想将它们合并成一个数组，并将数据绑定到HTML表单中，这是我的做法：

控制器：

$scope.modifierOuCreerArticle = function() {
    var index = this.row.rowIndex;

    $http.get("URL1")
    .success(function(datagetArticle) {
        $scope.finalOperationsList = datagetArticle.listElementGamme;
        var v = $scope.finalOperationsList[$scope.finalOperationsList.length-1].operationId;


        $scope.listOperationsById(v);
        $scope.listfinal=$scope.finalOperationsList.concat($scope.listOperationsById);

        $scope.finalOperationsList = $scope.listfinal;
    });

$scope.listOperationsById = function(id) {
    $http.get(URL2)
        .success(function(data) {
            $scope.listOperationsById = data;
        });
}

我想合并“finalOperationsList”数组和“listOperationsById”数组的内容，并将内容发送到我的表单，使用“listfinal”。

但是我在控制台中看到以下内容：

$scope.listfinal :[{ content of finalOperationsList},null]

所以，请问我该如何更正我的代码，以获取来自“finalOperationsList”和“listOperationsById”数组合并的所有数据？谢谢帮助。

- Jina

---

Jina，你好像忘记了 modifierOuCreerArticle 函数的闭合括号（}）。 - Cerbrus

你的最终代码应该是：$scope.listfinal = $scope.finalOperationsList.concat($scope.listOperationsById); - andreasonny83

Answer 1

考虑使用concat JavaScript方法，可参考https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat。

var alpha = ['a', 'b', 'c'],
  numeric = [1, 2, 3];

var alphaNumeric = alpha.concat(numeric);

console.log(alphaNumeric); // Result: ['a', 'b', 'c', 1, 2, 3]

- andreasonny83

---

是的，我知道，但我的问题是我无法从$scope.listOperationsById函数中获取数据，我该如何修改代码以获取此数据并将其与finalOperationsList数组合并？ - Jina

尝试这个： $scope.listOperationsById = function(id) { $http.get(URL2) .success(function(data) { $scope.listOperationsById = data; $scope.listfinal = $scope.finalOperationsList.concat(data) }); } - andreasonny83

Answer 2

使用concat函数

var a = ["1", "2", "3", "4"];
var b = ["5", "6", "7", "8"];
var c = a.concat(b);

或者

angular.extend(c, a, b);

- byteC0de

---

@andreasonny83，没问题，伙计 :) - byteC0de

谢谢先生们，但使用concat方法对我没有帮助，我总是从"$scope.finalOperationsList"获取数据。 - Jina

Answer 3

你应该使用angular的$q.all: https://docs.angularjs.org/api/ng/service/$q

当你的异步方法都返回时，它将允许你轻松处理所有数据。

- Tom Teman