AngularJS - Filtering Json by a variable

Question

I am working on a single page app using dynamic routing. I get my bookid from the URL as below

myApp.controller('BookCtrl', function($scope,$routeParams) {
    $scope.mybookid=$routeParams.bookurl;
});

Here is my data

var bookdata  = {
"records": [
  {
    "seriesid": "SpectrumSeries",
    "name": "White Curse",
    "bookid": "WhiteCurse",
    "image": "book1",
  }

...
]};

In the above controller, how to I filter out an object that has bookid that equals to $scope.mybookid? I know I can do this by ng-repeat and filter but is there a more efficient way?

so instead array you can use object and just get value by property name, like: var bookdata = { "records": { "WhiteCurse" : { "seriesid": "SpectrumSeries", "name": "White Curse", "bookid": "WhiteCurse", "image": "book1", } and then records[$scope.mybookid] — Grundy
– Grundy, Commented Jun 5, 2015 at 9:17
mybookid is a string, (.i.e. "WhiteCurse", not a number) because I get it from the URL, so is this approach possible? — CuriousHenry
– CuriousHenry, Commented Jun 5, 2015 at 9:21
you need change your array records to object, and then all work, in my sample - records is object, not an array — Grundy
– Grundy, Commented Jun 5, 2015 at 9:23

Huy Hoang Pham · Accepted Answer · 2015-06-05 09:55:53Z

2

Use filter in javascript:

var filteredBooks = bookdata.records.filter(function(book){
    return book.bookid == $scope.mybookid; 
});

The filteredBooks array will contains all the book with your bookId.

answered Jun 5, 2015 at 9:55

Huy Hoang Pham

4,1471 gold badge18 silver badges28 bronze badges

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

1 Comment

Grundy Over a year ago

getting property from object, i think more efficient then filtering array

Collectives™ on Stack Overflow

AngularJS - Filtering Json by a variable

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related