Question

28

How to filter JSON Data with AngularJs

rated 0 times [ 30] [ 2] / answers: 1 / hits: 21227 / 11 Years ago, wed, january 22, 2014, 12:00:00

i have json data, and i want it show by filter such as genre.
Last question from How to filter JSON-Data with AngularJs? dont work to me.

myapp.js

var myApp = angular.module('myApp', []);



myApp.controller('myApp', function($scope) { 



$scope.isoffice = function(apps) {

    return apps[0].genre === office;

};



$scope.apps = [

    {

  id: stardict,

  genre: aksesoris, 

  name: Stardict

},

{

  id: libreoffice,

  genre: office, 

  name: LibreOffice

}];

}

my index.html

<div ng-repeat=app in apps | filter:isoffice>

  {{apps[0].name}}

</div>

do i missing somethink?
thank you..

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

austynp

Add To Favorites

Follow

Total Points: 505

Total Questions: 118

Total Answers: 106

Location: Tajikistan

Member since Sun, Aug 29, 2021

3 Years ago

austynp questions

1 How to make puppeteer wait for page redirect from Cloudflare browser check?

Tue, Apr 20, 21, 00:00, 3 Years ago

1 Redux createAsyncThunk vs useEffect hook

Sun, Apr 11, 21, 00:00, 3 Years ago

1 How to type an object key in Typescript?

Sat, Feb 6, 21, 00:00, 3 Years ago

1 How do I send image data from a url using express?

Thu, Mar 19, 20, 00:00, 4 Years ago

1 Can I wait for a process to complete when consuming RabbitMQ messages with Node.js?

Mon, Mar 9, 20, 00:00, 4 Years ago

View All

answered 11 Years ago devlin · Accepted Answer

You don't need a comparator function to do that filtering. You can use this:

<div ng-repeat=app in apps | filter:{genre:'office'}>

  {{app.name}}

</div>

Note that I use app.name to display the current app generated by ngRepeat. apps[0].name will repeatedly display the first entry (if multiple entries match your filter).

demo fiddle

If you want to use a comparator function, this will work (one object is sent in each time so you don't want to reference it as an array):

$scope.isoffice = function(apps) {

   return apps.genre === office;

};

comparator demo