如何从angularjs中的json api获取固定数量的数据

Question

See Below Code:

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get("http://www.w3schools.com/angular/customers.php")
         .then(function (response) {
             $scope.names = response.data.records;
         });
});

In above Example We wrote the code for getting all data in are stored in but the requirement is first 5 data should be stored in .

Thanks in advance

Answer 1

There are two ways to do it -

1. Make server side changes to get five records only (I think you dont want to use this).
2. On client side you can use the below code

Sample:

$scope.names=[];
$.each(response.data.records.slice(0,5), function(i, data) {
    $scope.names.push(data);
});

Answer 2

In this case you can just do slice from response records

$scope.names = response.data.records.slice(0,5);

Sample:

 var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http.get("http://www.w3schools.com/angular/customers.php") .then(function (response) { $scope.names = response.data.records.slice(0,5); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> <div ng-app="myApp" ng-controller="customersCtrl"> <pre ng-repeat="name in names">{{$index+1}}: {{name|json}}</pre> </div> 

Answer 3

用切片

$scope.names = response.data.records.slice(0,5);