javascript - 无论如何到 `angular.copy(..., ...)` 而不替换数据？

Question

我有一个 Angular 工厂，其函数可以通过 API 从列表中加载一系列项目。因此，如果我想加载前 10 个，我会说类似 getRange(0, 10) 的内容。一旦 JSON 从 API 返回，我就使用 angular.copy 将项目复制到本地模型...但是如何加载接下来的 10 个项目并复制列表项目，而不删除旧的项目那些。显然，我无法继续使用 Angular.copy，因为它会删除旧项目，然后复制新项目。

有什么指导吗？

Answer 1

你可以这样想:

var app = angular.module('plunker', []);

app.controller('demoController', function($scope) {
  $scope.arr = []; // data from factory.
  for (var i = 0; i < 100; i++) { // for demo filling it up
    $scope.arr.push({ item: i }); // just like this
  }
  $scope.newArr = []; // the new item array; 
  $scope.len = $scope.newArr.length || 10;
  $scope.getItems = getItems;

  function getItems() {
    for (var i = $scope.len - 10; i < $scope.len; i++) {
      $scope.newArr.push(angular.copy($scope.arr[i]))
    }
    $scope.len += 10;
  }

});

Take a look at the plnkr here.