AngulatJS動的なデータが

Question

HTML

を働いていない。これは、私が書いたHTMLファイルであると私は

<div ng-app='myApp' ng-controller='myController'> 
    <div infinite-scroll='loadMore()' infinite-scroll-distance='2'> 
    <div ng-repeat="user in users"> 
     <div class="col-md-3"> 
     <div class="panel panel-default text-center"> 
      <img src="../backend/uploads/{{user.image}}" width="200px" height="300px"> 
      <p>{{user.name}}</p> 
      <span><strong>&#8377;{{user.price}}</strong></span> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

商品画像の細部でカラム3を繰り返しJS 私はPHPファイルからデータを取得しますが、無限ループになります

var myApp = angular.module('myApp', ['infinite-scroll']); 
myApp.controller('myController', function($scope, $http) { 

//get data from php file 

    $http({ 
    method: 'get', 
    url: 'fetch_scroll.php' 
    }).then(function successCallback(response) { 
     $scope.users = response.data; 
     console.log($scope.users); 
    }); 
    //function to load products 

    $scope.loadMore = function() { 
    var length = $scope.users.length; 
    var last = $scope.users[length - 1]; 
    for(var i = 1; i <= length; i++) { 
     $scope.users.push(last + i); 
    } 
    }; 
}); 

Answer 1

私はあなたのだと思います機能は、の前にと呼ばれ、successCallback機能と呼ばれています。

サーバーからデータを取得した後で、この関数を呼び出すことができます。以下のコードスニペットが役に立ちます：

var myApp = angular.module('myApp', ['infinite-scroll']); 
myApp.controller('myController', function($scope, $http) { 

//get data from php file 

    $http({ 
    method: 'get', 
    url: 'fetch_scroll.php' 
    }).then(function successCallback(response) { 
     $scope.users = response.data; 
     console.log($scope.users); 

     // Added this inside the successCallback 
     $scope.loadMore(); 
    }); 
    //function to load products 

    $scope.loadMore = function() { 
    var length = $scope.users.length; 
    var last = $scope.users[length - 1]; 
    for(var i = 1; i <= length; i++) { 
     $scope.users.push(last + i); 
    } 
    }; 
});