Limiting database output in AngularJS when using $http and get()

Question

I get data from the database using the $http service and get() method. The database contains 100 records in the form of an array of objects, but I only need to get the first 10 records, not all 100.

How do I correctly write a query to retrieve only 10 records?

You may want to include some code, just to show others what you're doing now. — Bob G
– Bob G, Commented Dec 13, 2017 at 20:00
What is your backend? Does it support a page request? Something like /data?size=10? — Brian
– Brian, Commented Dec 13, 2017 at 20:04
AngularJS is client side. Your backend should provide a query where you can specify how many elements desire to get — Jonathan Brizio
– Jonathan Brizio, Commented Dec 13, 2017 at 20:17

Sudi065 · Accepted Answer · 2017-12-13 21:47:26Z

0

You can take only first 10 records in Angular at the Client side, just add below code.

Suppose you're getting 6 records, wanted to display only 3 then,

var app = angular.module('myApp', []);
app.controller('sizeCtrl', function($scope) {
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
});

in Html

<div ng-app="myApp" ng-controller="sizeCtrl">
<ul>
<li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
</ul>
</div>

answered Dec 13, 2017 at 21:47

Sudi065

4676 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Limiting database output in AngularJS when using $http and get()

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related