javascript - AngularJS 加载更多功能

Question

所以我正在尝试加载更多功能。我正在从 twitch API 获取数据，它以对象数组的形式出现。

 $scope.loadData = function () {

 $http.get("https://api.twitch.tv/kraken/streams?limit=9&offset=" + $scope.x).then(function(response) {
    $scope.myName = response.data.streams;
    $scope.link="http://player.twitch.tv/?channel=";
     return $scope.x=$scope.x + 9; });  }; 
    //initial load
    $scope.loadData();

$scope.myName 是存储数据的数组，在 ng-repeat 中使用。
$scope.x 是用于偏移的变量，单击按钮后它会递增并用于获取新流。因此，当我单击按钮时，它会删除旧的 9 个流并加载新的 9 个流。我想保留旧的 9 个流并每次单击按钮时只需添加 9 个即可。 参见这里:https://plnkr.co/edit/TbOf9hkPILJn2snW8D7A谢谢。

Answer 1

如果我很好地理解问题，您应该只附加数据数组而不是替换它:

$scope.myName = [];
$scope.loadData = function () {

 $http.get("https://api.twitch.tv/kraken/streams?limit=9&offset=" + $scope.x).then(function(response) {
    // add streams to existing array
    Array.prototype.push.apply($scope.myName, response.data.streams);

    $scope.link="http://player.twitch.tv/?channel=";
     return $scope.x=$scope.x + 9; });  }; 
    //initial load
    $scope.loadData();